Question

在变量中创建的按钮元素的onClick属性未触发。

我尝试直接在onClick属性中定义函数，然后直接输出到控制台，但是仍然没有任何输出到控制台，并且按钮未按预期工作。

我还向按钮添加了'disabled = {false}'属性，以确保这不是问题，但是onClick属性仍然无法正常工作。

let display = (<div className ='dtaskhome'>
    <h1>Tasks</h1>
    <button disabled={false} onClick={newTask} className='btask'>New Task +</button>
    <ul className ='ultasks'>{taskItems}</ul>
</div>);

function newTask() {
   console.log('point reached');
    Tasks.props.state.newTask = true;
}

没有显示与onClick属性相关的错误消息，并且当前代码正确呈现了该组件。

Answer 1

我还向按钮添加了'disabled = {false}'属性，以确保那不是问题，但是onClick属性仍然没有响应的。

尝试将函数实现为方法。

newTaskHandler = (props) => {
   console.log('point reached');
   props.state.newTask = true;
}

然后尝试

onClick={this.newTask(this.props)}

希望这对您有所帮助。

Answer 2

尝试调用该函数：

onClick={newTask()}

如果没有尝试用它来称呼它。

onClick={this.newTask()}

JSX react元素的onClick属性未按预期工作

2 个答案: