![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
前端菜菜
http://my.csdn.net/#前端菜菜
展开
-
React useEffect+useState ?
https://zh-hans.reactjs.org/docs/hooks-rules.htmluseState01:useState返回一个数组[值,函数]02:首次渲染的时候被创建(重复渲染不会再次创建),React会在重复渲染时记住它当前的值,并且再次渲染时,提供最新的值给我们的函数03:react记录的state的值,是怎么对应Hook中的数据?靠的是Hook调用的顺序来一一对应useEffectinfo1:不...原创 2021-02-19 11:58:51 · 829 阅读 · 0 评论 -
React Hook useContext?
/* useContext info: 解决子孙后代组件数据传递 01: 结合createContext一起使用 const testContent = React.createContext(themes.light); 02: 结合Provider,为后代组件使用 const val = useContext(testContent);*/export const ThemeContext = React.createContext();c.原创 2021-02-19 11:51:57 · 78 阅读 · 0 评论 -
React Hook useCallback?
https://segmentfault.com/a/1190000020108840死循环01:Child使用useEffect获取数据,对getData有依赖,于是将其加入依赖列表02:getData执行时,调用setVal,导致App重新渲染03:App重新渲染时生成新的getData方法,传给Childfunction FatherTest() { const [val, setVal] = useState(""); function getData() ...转载 2021-02-19 11:49:37 · 479 阅读 · 0 评论 -
React函数式,数据响应问题?
https://overreacted.io/zh-hans/how-are-function-components-different-from-classes/01: 函数式组件,交互时所运用的数据,为当时上下文环境中的数据let i = 0; class App extends React.Component { constructor() { super(); this.state = { name: '哈哈' } } changD原创 2021-02-19 11:40:38 · 699 阅读 · 0 评论 -
React class组件数据总结
classAppextendsReact.Component{constructor(){super();this.state={ name:'哈哈' }} changData(){this.setState({name:'嘻嘻'})}render(){return(<divclassName="App"> <h4&g...原创 2021-02-19 10:42:21 · 489 阅读 · 0 评论