随笔分类 -  React

摘要:官网 createPortal(children, domNode, key?) import { createPortal } from 'react-dom'; // ... <div> <p>这个子节点被放置在父节点 div 中。</p> {createPortal( <p>这个子节点被放置在 阅读全文
posted @ 2024-05-16 18:29 SimoonJia 阅读(40) 评论(0) 推荐(0) 编辑
摘要:核心思路:dom渲染与key值有关系,如果想实现上述需求,则需要关注改变前后的循环项的key值是否发生改变 currentCabinet?.map((item, index) => <BaseInfo key={`currentCabinet${item?.ciId}`} sceneKey={sce 阅读全文
posted @ 2024-03-19 17:09 SimoonJia 阅读(105) 评论(0) 推荐(0) 编辑
摘要:正确的写法可以让你拥有更加灵活多变的样式: <Drawer title={<div><Icontype="arrow-left"style={{ marginRight: "5px" }}/>{editState=="create"?"加油":"前进"}</div>} /> 阅读全文
posted @ 2023-02-21 17:32 SimoonJia 阅读(521) 评论(0) 推荐(0) 编辑
摘要:const column=[ { key: "1", title: ( <> <span style={{ marginLeft: "4px" }}>123</span> </> ), }, { key: "2", title: ( <Tooltip title={longTitle}>{longT 阅读全文
posted @ 2023-02-20 19:49 SimoonJia 阅读(122) 评论(0) 推荐(0) 编辑
摘要:Hook 规则 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 本质就是 JavaScript 函数,但是在使用它时需要遵循两条规则。我们提供了一个 linter 插件来强制执行这些规则: 只在最顶层 阅读全文
posted @ 2023-02-16 14:18 SimoonJia 阅读(26) 评论(0) 推荐(0) 编辑
摘要:https://zh-hans.reactjs.org/warnings/invalid-hook-call-warning.html 你能到这个页面很可能是因为你看到了以下错误信息: Hooks can only be called inside the body of a function co 阅读全文
posted @ 2023-02-16 11:37 SimoonJia 阅读(257) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示