Question

我想在功能组件中检索用户输入（我使用的是redux架构）。但是当我console.log()引用一个项时，我会得到一个构造函数，而不是实际的对象。

如何在不操纵状态的情况下获取用户输入？

  <Modal visible={visibleModal === 'addRoom'} onRequestClose={() => null}>
    <TextInput ref={el => {roomName = el}} style={styles.input} />
    <Button onPress={() => store.dispatch(hideModal())}>Cancel</Button>
    <Button onPress={() => {
      store.dispatch(addRoom({name: roomName.value}))
      return store.dispatch(hideModal())
    }}>OK</Button>
  </Modal>

Answer 1

使用React Native无法通过ref获取TextInput的值。从输入中获取文本的唯一方法是订阅更改事件。

Answer 2

通过.value

访问TextInput时，请尝试ref

TextInput通过引用获取值反应原生

2 个答案: