Question

我正在尝试获取无线电的价值onChange，但它给了我错误：

未捕获的TypeError：无法读取未定义的属性“target”

以下是代码：

<input className="tab-input" value="a" id="tab1" type="radio" name="tabs" onChange={() => this.handleTabChange()} />
<label className="tab-label" htmlFor="tab1">Codepen</label>

<input className="tab-input" value="b" id="tab2" type="radio" name="tabs" onChange={() => this.handleTabChange()} />
<label className="tab-label" htmlFor="tab2">Dribbble</label>

<input className="tab-input" value="c" id="tab3" type="radio" name="tabs" onChange={() => this.handleTabChange()} />
<label className="tab-label" htmlFor="tab3">Dropbox</label>

这是 handleTabChange 代码：

handleTabChange(event){
    console.log(event.target.value);
  }

我在构造函数中绑定函数：

this.handleTabChange = this.handleTabChange.bind(this);

不知道出了什么问题。

Answer 1

您期望事件作为参数，但您没有传递它。

这应该解决它

<input className="tab-input" value="a" id="tab1" type="radio" name="tabs" onChange={(e) => this.handleTabChange(e)} />

获得无线电价值 - Reactjs

1 个答案: