Ajax 反应选择隐藏输入不过帐
在onChange()事件之后提交表单时,生成的隐藏输入不会发布Ajax 反应选择隐藏输入不过帐,ajax,reactjs,react-select,Ajax,Reactjs,React Select,在onChange()事件之后提交表单时,生成的隐藏输入不会发布 var requireScript = require('../data/filter'); const CategoryFilter = React.createClass({ ... onChange(value) { this.setState({ value: value, }); //This is where I submi
var requireScript = require('../data/filter');
const CategoryFilter = React.createClass({
...
onChange(value) {
this.setState({
value: value,
});
//This is where I submit the form via AJAX
requireScript.getOptions(this);
},
...
render() {
return (
<div className="form-group">
<label>{this.props.label}</label>
<Creatable
name={this.props.fieldName}
onChange={this.onChange}
/>
</div>
);
},
...
});
var requireScript=require('../data/filter');
const CategoryFilter=React.createClass({
...
onChange(值){
这是我的国家({
价值:价值,
});
//这就是我通过AJAX提交表单的地方
requireScript.getOptions(此选项);
},
...
render(){
返回(
{this.props.label}
);
},
...
});
Ajax脚本非常好,提交时没有错误。唯一的问题是,react select生成的隐藏输入没有post
var requireScript = require('../data/filter');
const CategoryFilter = React.createClass({
...
onChange(value) {
this.setState({
value: value,
});
//This is where I submit the form via AJAX
requireScript.getOptions(this);
},
...
render() {
return (
<div className="form-group">
<label>{this.props.label}</label>
<Creatable
name={this.props.fieldName}
onChange={this.onChange}
/>
</div>
);
},
...
});
在我看来,隐藏的输入似乎只有在提交表单后才插入DOM。我是否使用了适当的事件提交我的表格?请包括代码中的相关例外情况以及您可能收到的任何错误消息getting@PatrickHund-谢谢;请参阅上面更新的问题。我不确定这是否是您的代码的问题,但setState是异步的。所以,如果您通过setState设置状态,然后使用该参数调用其他函数,并尝试从函数中的参数读取状态,则is不得是您认为设置的值。试试:
onChange(value){var afterSetState=function(){requireScript.getOptions(this);};this.setState({value:value,},afterSetState);},