カスタムコンポーネントへの参照を追加する

Question

react-native-elementsライブラリを参照し、そのチェックボックスコンポーネントを使用します。

constructor(props) { 
    super(props); 
    this.state = { 
     checked: true 
     titleText1:"Checkbox one" 
     titleText1:"Checkbox two" 
    } 
    } 
    render() 
    { 
    return (
      <View> 
    <CheckBox ref='chk1' checked={this.state.checked} title={this.state.titleText1} /> 
    <CheckBox ref='chk2' checked={this.state.checked} title={this.state.titleText2} onPress={this.manageChkboxes()} /> 
      </View>); 
} 

    manageChkboxes(){ 
    this.state.checked=false 
    this.state.titleText1="Checkbox one updated" 
    this.state.titleText2= "Checkbox two updated" 
    this.refs.chk1.checked= this.state.checked; 
    this.refs.chk1.title= this.state.titleText1; 
    this.refs.chk2.checked= this.state.checked; 
    this.refs.chk2.title= this.state.titleText2; 
    } 

参照プロパティを使用してコンポーネントのプロパティを変更することはできません。 manageChkboxes（）関数を呼び出すと、エラーが発生します：null is not an object(evaluating 'this.refs.chk1.checked=!1')

Answer 1

小道具にアクセスするには、少し変更する必要があります。また、あなたがこのような性質を変えるべきではありません

constructor(props) { 
    super(props); 
    this.state = { 
     checked: true 
     titleText1:"Checkbox one" 
     titleText1:"Checkbox two" 
    } 
    } 

    manageChkboxes(){ 
    this.setState({ 
    checked: false, 
    titleText1: "Checkbox one updated" 
)}; 
    } 

render(){ 
    return(
    <View> 
     <CheckBox checked={this.state.checked} title={this.state.titleText1} /> 
     <CheckBox checked={this.state.checked} title={this.state.titleText2} onPress={this.manageChkboxes()} /> 
    </View> 
) 
}