reactjs - refs 在 react native 中不起作用

Question

我有一个 TextInput，我想在我的函数中引用它。

next() {
        let body = this.refs.body.value
    }

<View>
    <Text>Place the body here</Text>
    <TextInput ref="body" placeholder="Your body goes here..." style={styles.body} placeholderTextColor='green'/>
</View>

但我收到此错误:

undefined is not an object (evaluating 'this.refs.body')

ref 在react-native中不起作用吗？

Answer 1

我认为他们改变了 ref 的工作方式。现在 ref 不再接受字符串，而是接受一个函数，该函数在渲染特定组件时被调用。
你可以尝试这样的事情，

next() {
let body = this._textInput.value
}

<View>
    <Text>Place the body here</Text>
    <TextInput ref={component => this._textInput = component} placeholder="Your body goes here..." style={styles.body} placeholderTextColor='green'/>
</View>

https://facebook.github.io/react-native/docs/direct-manipulation.html

或者，您也可以将 onChange 附加到 TextInput 并在单击下一个按钮时记录输入。

编辑:
Ref 仍然接受字符串，但它已被弃用。请改用 ref 中的函数。