JavaScript-React-2

1 · intyou · March 8, 2023, 6:43 a.m.
React三大APIReact.createElement()用来创建React元素,无法修改React.createRoot()用来创建React的根容器, 容器用来放置React元素root.render()当首次调用时, 容器节点里的所有DOM元素都会被替换, 后续的调用则会使用React的DOM差分算法(DOM diffing alorithm) 进行高效更新不会修改容器节点(只会修改容器的子节点), 可以在不覆盖现有子节点的情况下, 将组件插入已有的DOM节点中JSX注意事项:JSX不是字符串, 不要加引号JSX中html标签应该小写, React组件应该大写开头JSX中有且只有一个根标签jSX的标签必须正确结束<input type='text' />必须写斜杠或成对出现在JSX中可以使用{}嵌入表达式有返回值就是表达式如果表达式是空值, Null, undefined, 布尔值, 不会显示在JSX中, 属性可以直接在标签中设置class 需使用className代替style中必须使用对象设置, 不能使用属性1const div = <div style={{backgr...