react-native-modal dropdown无法以编程方式更改所选内容

Question

我需要在代码中的另一个事件发生时更改_dropdown_select()方法。我在我的react原生应用中使用sohobloo/react-native-modal-dropdown。我尝试将其作为我的<ModalDropdown>标记的属性：select={(idx)=> this._dropdown_select(idx).bind(this)}

我的方法是：

_dropdown_select(idx){
    return idx;
}

我这样调用它:在另一个方法中使用this._dropdown_select(0);

Answer 1

答案是从插件生成器中调用你的方法上的Dropdown的引用的select(idx)。可以找到here。示例：this.refs.dropDown.select(-1)

Answer 2

在属性中：

<ModalDropdown options={['option 1', 'option 2']}
  onSelect={this._dropdown_select}
  defaultIndex={this.state.selectedIndex}
>
  ...
</ModalDropdown>

构造函数

constructor(props) {
    super(props)
    this.state = {selectedIndex: '', dropDown:{}}
    this._dropdown_select = this._dropdown_select.bind(this)
}

方法：

_dropdown_select(event){
   this.setState({selectedIndex: event.target.index, dropDown:event})
}

调用select方法

this.state.dropDown.select(2)

Answer 3

我还通过使用.select(ix)实现了这一点

在组件中：

..
constructor(props) {
 super(props);

 this.state = {
  sizeSelect: [1,2,3]
 };

 this.sizeRef = React.createRef();
}

handleChange = (e) => {
 this.setState({sizeSelect: [4,5,6]});
 this.sizeRef.current.select(1);
}
..

JSX

<ModalDropdown
          ref={this.sizeRef}
          options={this.state.sizeSelect}
          textStyle={styles.text}
          dropdownTextStyle={styles.dropText}
          defaultIndex={0}/>