react学习（2）

1：事件绑定

• 语法：on+事件名称={事件处理程序}，整体上遵循驼峰命名

function App(){
  const clickHandler=()=>{
    console.log('按钮被点击了');
  }
  return <button onClick={clickHandler}>按钮</button>
}

• 获取事件对象参数

function App(){
  const clickHandler=(e)=>{
    console.log(e);
  }
  return <button onClick={clickHandler}>按钮</button>
}

• 获取其他参数

function App(){
  const clickHandler=(name)=>{
    console.log(name);
  }
  return <button onClick={()=>{clickHandler('jack')}}>按钮</button>
}

• 事件对象和其他参数都需要的情况（注意形参实参保持顺序一致）

function App(){
  const clickHandler=(e,name)=>{
    console.log(e,name);
  }
  return <button onClick={(e)=>{clickHandler(e,'jack')}}>按钮</button>
}