JSX的测试网站 Babel · Babel    可以测试代码的效果

JSX实现map列表 注意  key不一样（使用遍历的时候）

这也是一种写法  小括号（适用于循环复杂的情况）

  {defaultList.map(item=>(
              
))}

简单条件渲染

复杂条件渲染

绑定事件

function App() {

  const colorse = (e)=>{
    console.log("测试点击",e);
  }
  const colorse1 = (name)=>{
    console.log("测试点击",name);
  }
  const colorse2 = (name,e)=>{
    console.log("测试点击",name,e);
  }
  return (
    
      这是我的世界 


      测试点击事件
      colorse1("你是好的")} >测试点击事件传参
      colorse2("你是好的",e)} >测试点击事件传参
    
  );
}
export default App;