期望`onClick`监听器是一个函数，而是得到一个`string`类型的值

Question

  

警告：预期的onClick侦听器是一个函数，而不是一个   string类型的值。       在跨度（在App.js：62）       在div（在App.js：61）       形式（在App.js：60）       在div（在App.js：58）       在div（在App.js：46）       在App中（在index.js：8）

当我尝试获取按钮的onclick事件时，我在App.js中收到此错误..

<h2>Login From Here..!</h2>

                <button onClick={document.getElementById('id01')}>Login</button>

任何人都可以解释我如何摆脱这个错误吗？

Answer 1

这不是一个功能：

document.getElementById('id01')

它是函数调用，因此从此函数返回的任何值都是一个值，该值将转换为String，然后传递给onClick。相反，使用这样的东西：

event => document.getElementById('id01')

或这个更长版的版本：

function( event ){

    return document.getElementById('id01');

}

它仍然没用，因为它会将元素返回到......无处可去，但至少它会消除你的Error。