作者:男孩介于边缘 | 来源:互联网 | 2023-02-05 16:52
我正在创建一个select
可用于多种形式的React组件。由于某种原因,onChange
未触发该事件。
这是元素(省略的原型和默认道具):
var Select = React.createClass ({
getInitialState() {
return {
value: null,
}
},
componentWillReceiveProps(props) {
if (props.defaultValue) {
this.setState({value: props.defaultValue})
}
},
render() {
var formClass = this.props.error ? "form-group has-error" : "form-group"
var validatiOnMsg= this.props.error ? {this.props.error} : null
var labelClass = 'control-label col-md-' + this.props.labelWidth
var inputWidth = 12 - this.props.labelWidth
var widthClass = 'col-md-' + inputWidth
return (
{validationMsg}
)
},
getValue() {
if (this.props.multiple) {
var selected = [];
for ( var i = 0; i
我console.log
在函数中添加了带有硬编码字符串的语句,它从不打印到控制台。
我尝试过的事情:
Onchange={this._onchange}
OnChange={this._onchange.bind(this)}
OnChange={(evt) => this._onchange(evt)}
OnChange={function(e) {console.log('test')}}
如果很重要,这里是Option
组件:
var Option = React.createClass ({
propTypes: {
value: React.PropTypes.any.isRequired,
text: React.PropTypes.string.isRequired,
},
render() {
return ()
}
})
我看过的问题:
反应选择onChange不起作用
我的onChange无法正常工作
使用React JS进行下拉的OnChange事件
反应输入onChange不会触发
https://jsfiddle.net/69z2wepo/9958/(在这里有效!)
在React组件中未触发onChange回调