Reactjs 当我控制台记录event.target.value时,它返回未定义的语义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

我试图设置某人单击复选框时的状态。我可以使用普通的复选框类型,但不能使用语义ui,因为我的值返回为未定义输入名称未定义。输入值未定义。我想知道是否有人可以帮我

谢谢

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有两个参数。。。如果您不确定,请检查文档?????谢谢你。经过半个小时的搜索,我找到了这个答案。语义应该在其平台上给出至少一个事件处理示例@萨提什·库马尔