如何添加窗体从下拉式点击反应原生？

Question

我是新的反应本地，我想添加表单，如果下拉单击。我使用ModalDropdown库。但是，我很困惑补充说。感谢

这是我的代码

const OPTION_STATUS = ['option1', 'option2', 'option3']; 

class.....{ 
return(
<ModalDropdown 

        options={this.state.status_option} 
        defaultIndex={-1} 
        defaultValue={'Please select Status Update'} 
        onDropdownWillShow={this._status_willShow.bind(this)} 
        onDropdownWillHide={this._status_willHide.bind(this)} 
        onSelect={(idx, value) => this._status_onSelect(idx, value)} 
       /> 
); 

_status_willShow() { 
    setTimeout(() => this.setState({ 
     status_option: OPTION_STATUS, 
    }), 2000); 
    } 

    _status_willHide() { 
    this.setState({ 
     status_option: null, 
    }); 
    } 

    _status_onSelect(idx, value) { 
    console.debug(`idx=${idx}, value='${value}'`); 
    this.setState({status: value}); 
    } 
} 

Answer 1

你需要切换的形式以某种方式您_status_onSelect函数中。

例子：

_status_onSelect(idx, value) { 
    console.debug(`idx=${idx}, value='${value}'`); 
    this.setState({status: value, showForm: true}); 
} 

然后你就可以添加你的渲染方法的UI元素，像这样：

{this.state.showForm ? 
<View> 
    // Your form content here 
</View> 
: null }