Reactjs 当我控制台记录event.target.value时,它返回未定义的语义UI
我试图设置某人单击复选框时的状态。我可以使用普通的复选框类型,但不能使用语义ui,因为我的值返回为未定义输入名称未定义。输入值未定义。我想知道是否有人可以帮我 谢谢Reactjs 当我控制台记录event.target.value时,它返回未定义的语义UI,reactjs,Reactjs,我试图设置某人单击复选框时的状态。我可以使用普通的复选框类型,但不能使用语义ui,因为我的值返回为未定义输入名称未定义。输入值未定义。我想知道是否有人可以帮我 谢谢 import React, { Component } from 'react'; import { Input, Dropdown, TextArea, Form, Button, Header, Checkbox } from 'semantic-ui-react' class PageTwo extends Componen
import React, { Component } from 'react';
import { Input, Dropdown, TextArea, Form, Button, Header, Checkbox } from 'semantic-ui-react'
class PageTwo extends Component {
constructor(props){
super(props)
this.state = {
programAgreement: false;
}
this.handleInputChange = this.handleInputChange.bind(this);
}
handleInputChange(event) {
const target = event.target;
const value = target.type === 'checkbox' ? target.checked : target.value;
const name = target.name;
console.log(`Input name ${name}. Input value ${value}.`);
this.setState({
[name]: value
});
}
<Checkbox
placeholder="I Agree"
name="programAgreement"
type="checkbox"
checked={this.state.programAgreement}
onChange={this.handleInputChange} />
/>
每次触发更改时,可以有两个参数
onChange(event: SyntheticEvent, data: object)
event
React's original SyntheticEvent.
data
All props and proposed checked/indeterminate state.
请尝试以下代码:
handleInputChange(event,data) {
this.setState({
[data.name]: !data.checked
});
}
每次触发更改时,可以有两个参数
onChange(event: SyntheticEvent, data: object)
event
React's original SyntheticEvent.
data
All props and proposed checked/indeterminate state.
请尝试以下代码:
handleInputChange(event,data) {
this.setState({
[data.name]: !data.checked
});
}
尝试使用第二个参数
handleInputChange(e, data) {
console.log(data);
const value = data.type === "checkbox" ? data.checked : data.value;
const name = data.name;
console.log(value);
console.log(name);
this.setState({
[name]: value
});
};
尝试使用第二个参数
handleInputChange(e, data) {
console.log(data);
const value = data.type === "checkbox" ? data.checked : data.value;
const name = data.name;
console.log(value);
console.log(name);
this.setState({
[name]: value
});
};
等等什么?onChange有两个参数?是语义ui react onChange有两个参数。。。如果您不确定,请检查文档?????谢谢你。经过半个小时的搜索,我找到了这个答案。语义应该在其平台上给出至少一个事件处理示例@sathish Kumar等等什么?onChange有两个参数?是语义ui react onChange有两个参数。。。如果您不确定,请检查文档?????谢谢你。经过半个小时的搜索,我找到了这个答案。语义应该在其平台上给出至少一个事件处理示例@萨提什·库马尔