reactjs - react-native 中的 event.target.value

Question

我在 react-native 中有一个输入元素，它的 onChange绑定(bind)到 handleClientInput .我正在将动态数据分配给一个状态，它在网络上完美运行，但在 android 设备上运行 event.target.value正在返回未定义:

const handleClientIDInput = (event) => {
    console.log("Input change");
    console.log(event.target.value); // logs undefined
    setClientID(event.target.value);
  };

这是我对功能组件的返回:

return (
    <SafeAreaView>
      <TextInput
        style={{
          borderWidth: 1,
          borderColor: "black",
        }}
        onChange={handleClientIDInput}
      />
      <Button title="Proceed" onPress={handleButtonClick} />
    </SafeAreaView>
  );

我使用的是 React Native 而不是 ReactJS，因为这在 ReactJS 上可以正常工作

Answer 1

在 iOS 和 Android 中，您将 React Native 与 ReactJS 一起使用。这意味着您必须稍微调整一下 TextInput 组件，因为您无法从 event.target.value 访问文本。看看这个例子，这就是你如何让它工作的方法。

<TextInput
  style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
  onChangeText={text => console.log(text);
  value={value}
/>

我建议您在为 iOS 或 Android 开发时也查看 React Native 的文档，而不仅仅是 react 普通文档。