1.注意大小写，例如
onClick onBlur 就是前面是on，后面是大写的第一个字母，然后到后面就是小写字母了
2.可以使用event.target,但是必须要记住不能随便使用，必须要满足绑定enent的事件是这个事件本身，而不是操控其他元素，因为其他元素和操控的那个元素无关，其他元素是不能直接调用event的，必须要保证是操作元素的本身直接调用event的
3.少点使用ref，因为比较麻烦，有些时候可以使用event.target替代
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="test"></div> <script src="./react-resource/react.development.js"></script> <script src="./react-resource/react-dom.development.js"></script> <script src="./react-resource/babel.min.js"></script> <script src="./react-resource/prop-types.js"></script> <script type="text/babel"> class Person extends React.Component{ myRef1=React.createRef(); myRef2=React.createRef(); showdata1=(event)=>{ alert(event.target.value); } showdata2=(event)=>{ alert(event.target.value); } render(){ return ( <div> <input type="text" placeholder="输入姓名"></input> <br/> <button onClick={this.showdata1}>点击查询左侧的输入内容</button> <br/> <input type="text" onBlur={this.showdata2} placeholder="失去焦点提示"></input> </div> ) } } ReactDOM.render(<Person/>,document.getElementById("test")); </script> </body> </html>
