javascript - 如何控制 React Native 的 的 defaultValue？

Question

我有一个 <TextInput/>用defaultValue设置一个按钮，它将触发并传递 defaultValue的 <TextInput>别处。

但是我如何传递 <TextInput/>的 defaultValue到 onPress <TouchableHighlight/>的方法| ？

这就是我要实现的目标:

changeName(text) {
    this.setState({nameNow: text}) //How can I immediately set the defaultValue='PassMeIn' to nameNow? Because this method would never be called unless text is changed within TextInput
}

sendOff() {
    //Would like to access the defaultValue='PassMeIn' here whenever sendOff() is called. How can I?
}

render() {

    return (
      <View>
            <TextInput 
                defaultValue='PassMeIn' 
                onChange={this.changeName} 
                value={this.state.nameNow}
            />
            <TouchableHighlight onPress={this.sendOff}/>
                <Text>Button</Text>
            </TouchableHighlight>
      </View>
    )
}

Answer 1

首先，render方法不能返回多个节点。我相信<TextInput/>应该由 <TouchableHighlight/> 包裹组件，例如:

render() {

  return (
    <TouchableHighlight onPress={this.sendOff}>
      <TextInput 
        defaultValue='PassMeIn' 
        onChange={this.changeName} 
        value={this.state.nameNow}
      />
    </TouchableHighlight>    
  )
}

这将使从 <TouchableHightlight> 传递一个 prop 成为可能至 <TextInput用作 defaultValue您可以在 <TouchableHighlight> 中访问它成分。