我是新的本地反应,我想在点击下拉列表时添加表单。我使用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});
}
}
答案 0 :(得分:0)
您需要在(255, 0, 0)
函数内以某种方式切换表单。
示例:
_status_onSelect
然后您可以在渲染方法中添加UI元素,如下所示:
_status_onSelect(idx, value) {
console.debug(`idx=${idx}, value='${value}'`);
this.setState({status: value, showForm: true});
}