jsx语法

import logo from './logo.svg'
import './index.css'
function App() {
  const a = "bbb";
  const b = {
    name: "小明",
    age: 18,
  };
  function getZong(person) {
    return person.name + person.age
  }
  const divDom = <h1>小明</h1>
  const flag = false
  const arr = [0, 1, 2];
  return (
    <div>
      <div>{a}</div>
      <div>{b.name}</div>
      <div>{b.age}</div>
      <div>{getZong(b)}</div>
      <div>{divDom}</div>
      <div>{ flag ? <div>1111</div>:<div>2222</div>}</div>
      {/* {/* diff时候，⾸先⽐较type，然后是key，所以同级同类型元素，key值必须得 唯⼀  */}
      <ul>{arr.map((v, index) => <li key={index}>{ v }</li>)}</ul>
      <img src={logo} alt="logo" style={{width:100}} className="img"/>
    </div>
  );
}

export default App;