React入门学习二交互相关

响应事件

JSX添加事件处理函数：

1. 定义函数，一般在使用的组件内部定义handle开头的函数；
2. 作为prop转入对应的JSX标签；
3. 添加事件，注意仅添加事件函数名称，如onClick={handleClick}而非onClick={handleClick()}
4. 阻止事件传播，调用e.stopPropagation()，阻止触发绑定在外层标签上的事件处理函数
5. 阻止默认行为，调用e.preventDefault()，阻止少数事件的默认浏览器行为

state组件记忆

惯例是将这对返回值命名为 const [thing, setThing]。你也可以将其命名为任何你喜欢的名称，但遵照约定俗成能使跨项目合作更易理解。
const [index, setIndex] = useState(0);其中0是state变量index的初始值

对于state中对象和数组的更新，不可直接修改state中变量的值，而是应该新生成一个对象或数组，用心对象或者新数组设置state