jsx
返回单个根元素，属性用驼峰写法
单个大括号中放变量
{}中可以放对象，看起来是{{}}
<a target="_blank" href="https://react.dev/learn/passing-props-to-a-component">passing props to a component</a>
props是只读的快照，每次渲染会从父组件那里拿新的。
所以，直接更改props无效，需要改state，触发组件重新渲染。
条件渲染，<code>{condA &amp;&amp; &lt;A/&gt;}</code> , 条件 conA 成立，渲染A组件
叶子函数是否重新执行要看props和state是否改变

jsx

返回单个根元素，属性用驼峰写法

单个大括号中放变量

{}中可以放对象，看起来是{{}}

[passing props to a component](https://react.dev/learn/passing-props-to-a-component)

props是只读的快照，每次渲染会从父组件那里拿新的。

所以，直接更改props无效，需要改state，触发组件重新渲染。

条件渲染，`{condA && <A/>}` , 条件 conA 成立，渲染A组件

叶子函数是否重新执行要看props和state是否改变

看react 文档-2