Question

按钮不起作用

class ContactList extends Component {


    addTrack() {
        console.log('addtrack');
    }

    render(){
        console.log('addtrackssss');

        return (
            <div>
                <input type="text" ></input>
                    <button onclick={this.addTrack.bind(this)}>Add Track</button>

            </div>
        );
    }
}

我的错误。请完成此视频https://www.youtube.com/watch?v=3FwoKdOMaFI

中的所有内容

Answer 1

onclick应为onClick

简短回答，但这只是一个错字

Answer 2

请更改onclick以点击

Answer 3

使用React元素处理事件与处理DOM元素上的事件非常相似。但其中一个区别是 React事件使用camelCase命名，而不是小写。

//Regular Javascript:
<button onclick="doSomeThing()">
  Click me!
</button>

//React:
<button onClick={doSomeThing}>
  Click me!
</button>

按钮单击无法在ReactJs中工作

3 个答案: