如何使用react native中的引用更改textinput的值?

不能直接在组件中更改属性-只能从父组件派生属性,但不能修改,因此不能执行以下操作:

this.props.emailRef.current.props.value = this.props.emailRef.current.props.value + "q";

另外,你提到 this.props.emailRef 在您的库中,而键盘没有 emailRef 道具-它有 textInput 支柱。

试试这个:

constructor(props) {
  super(props);
  this.emailRef = React.createRef();
  this.state = {
    value: "Initial Input"
  };
  this.handleInput = this.handleInput.bind(this);
}

handleInput(input) {
  this.setState({ value: input });
}

render() {
  return (
    ...
      <Keyboard textInput={this.emailRef} onInput={this.handleInput} />
      <TextInput ref={this.emailRef} value={this.state.value} />
    ...
  );
}

图书馆内部:

<Button
  text="change value"
  onClick={() => {
    this.props.onInput(this.props.textInput.current.props.value + "q");
  }}
/>

我认为你需要的是一个可控的输入。 我会这样做:

constructor(props) {
  super(props);
  this.emailRef = React.createRef(); // might not need this
  this.state = {
    value: ''
  }
}

<TextInput
  value={this.state.value}
  onChangeText={(text) => this.setState({text})}
  placeHolder="Email Address"
  blurOnSubmit={false}
/>

<Button
  text="change value"
  onPress={() => {
    // just use `this.state.value` to do whatever you need with it
  }}
/>