React-Native 드롭 다운 업데이트 방법

Question

react-native-chooser를 사용하여 드롭 다운을 만들고 드롭 다운 1에서 1 개 항목을 선택하면 dropdown2에서 항목을 업데이트하려고합니다. 감사.

Answer 1

반응으로 UI를 변경하려면 상태를 업데이트해야합니다. react-native-chooser에 해당하는 문서를 보니 onSelect이라는 콜백 메소드가 있습니다. 여기에서 현재 선택된 옵션이 사용자에게 사용됩니다. 선택한 옵션에 따라 두 번째 드롭 다운의 상태를 업데이트 할 수 있습니다. 여기에서 중요한 부분은 부모 자녀 관계입니다. react에서는 부모의 상태가 업데이트 된 경우에만 자식을 다시 렌더링합니다 (달리 지정하지 않는 한). 일부 의사 코드 :

// Your method callback 
onSelect = (option) => { 
    const newOptions = computeNewOptions(option) 
    this.setState({options: newOptions}) 
} 

// Your Second dropdown component would take these options in as a prop 

render() { 
    return (
    <SecondDropDown options={this.state.options} /> 
) 
} 

// You can then access your options through the props 
export default class SecondDropDown extends React.Component { 
    render() { 
    let myOptions = renderOptions(this.props.options) 
    return (
     <View> 
     {myOptions} 
     </View> 
    ) 
    } 
}