wiki/开发/前端/React手册.md

元素渲染

//导入react dom 渲染包
import { createRoot } from 'react-dom/client' 
//创建根对象
const root = createRoot(DOM对象) 
//渲染react 内容
root.render(React内容) 

事件绑定

// on+事件名称= { 事件处理程序 }
<div onClick={() => {}} />

//事件对象
<a onClick={e => e.preventDefault()} href="..."></a>

组件状态

const [变量, 修改变量的函数] = useState(默认值)

DOM操作

const inputRef = useRef(null)  // 创建ref对象
<input ref={inputRef} />  // 与jsx绑定

inputRef.current.value // 使用dom中的值

组件传递数据props