反应原生-nativeEvent属性？

Question

因此，即时通讯试图把我的头缠住本机，这看起来并不困难。

我的问题很简单，“ e”对象是什么，如何使用它的属性，例如“ e.nativeEvent”和“ e.nativeEvent.text”，在什么情况下？

在测试TextInput的 onChangeText和onBlur道具时，我偶然发现了这个对象。

如下所示，我可以将onChangeText属性中名为“ value”的参数传递给回调处理程序。但是，当我尝试对onBlur进行同样的操作时，我遇到了一些问题（并且检查了文档，该文档未提及有关传递给回调函数处理程序的参数的任何内容，与onChangeText不同）。

因此，我找到了这个问题，它帮助我弄清楚了如何使用e.eventNative.text属性访问TextInput中的数据。

  render(){
return(
  <View>
  <Text>indent</Text>
  <Text>indent</Text>

    <TextInput
      style={{height:60, backgroundColor: "#ededed"}} // must define a height for T.I in iOS
      placeholder="Enter Text"
      value={this.state.textValue}
      onChangeText={(value) => this.onChangeText(value)}
    />
    <Text>{this.state.textValue}</Text>

    {/* on submit editing, will find the callback function to transfer text
     when submitting button is pressed */}
    <TextInput
    style={{height:60, backgroundColor: "skyblue"}}
    placeholder="Enter Text"
    onBlur={(value) => this.onSubmit(value.nativeEvent.text)}

    />
    <Text>{this.state.textSubmitted}</Text>
  </View>
);

}}

Answer 1

onChangeText 是 TextInputs 的一个特殊事件，其处理程序将 TextInput 的文本作为初始参数传递（因此对于其他事件，'value' = 'ev.nativeEvent.value'）。

onBlur 事件没有此功能。因此，您需要像您一样访问 TextInput 的文本。