React native 如何更新下拉列表

我正在使用react native chooser创建下拉列表，当我从dropddown1中选择1个项目时，我想更新dropdown2中的项目。谢谢。

在react中，要更改您的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>
     )
   }
 }

//您的方法回调
onSelect=（选项）=>{
const newOptions=计算选项（选项）
this.setState（{options:newOptions}）
}
//您的第二个下拉组件将这些选项作为道具
渲染（）{
返回(
)
}
//然后，您可以通过道具访问您的选项
导出默认类SecondDropDown扩展React.Component{
渲染（）{
让myOptions=renderOptions（this.props.options）
返回(
{myOptions}
)
}
}

我明白这一点，但我的下拉列表中没有“选项”属性。你知道一些具有这种属性的模块吗？谢谢。我更新了我的答案，包括如何从新组件中访问选项。您可以将下拉组件包装到一个新组件中，该组件将处理渲染。