テキストの文字列を変更したい

Question

これは私のテキストタグで、ネイティブで反応しています。 "abc"の入力値を "123"または他の文字列に変更したいのです。編集（）{ this.refs.ref1 }

<Text ref="ref1" onPress={this.edit.bind(this)}>abc</Text> 

たonPressあなたが状態でテキストを入れて、状態を更新することができ、テキスト

Answer 1

内の文字列を変更するには編集機能で何がを使用することができ、 UIを更新するために反応してトリガされます：あなたが参照を使用する必要がある場合

constructor(props) { 
super(props) 
this.state = {mytext:'abc'} 
} 

edit() { 
    this.setState({mytext:'123'}) 
} 

render() { 
    return <Text ref="ref1" onPress={this.edit.bind(this)}>{this.state.mytext}</Text> 
} 

、その後、あなたのテキストをレンダリングコンポーネントに参照を入れて、動的テキストを変更するthis.ref1.setState({mytext:'something'})を呼び出します。