wandoumm的博客

/config.ts文件。

【代码】react echart使用。

【代码】react 富文本编辑器react-draft-wysiwyg 的使用总结。

react forwardRef获取子组件属性，方法

setupProxy.jsaxios请求正常写，post 和 put 要在参数中额外加请求体对象属性react项目跨域问题的解决方案setupProxy.js

$

安装引入基本用法：给子元素设置样式嵌套继承样式：变量控制样式：

drawer.tsx

store.js使用Provider传递store的方式为：App.js

map list fromjs setin updatainimmutable实现的原理是(持久化数据结构),也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免深拷贝把所有的节点都复制一遍带来的性能损耗，immutable使用了结构共享，即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其他节点则进行共享， 是一种持久化数据。它有一旦被创建就不会被修改的特性。当你修改 immutable 对象的时候返回新的 immutable。但是原数据不会改变。Map() 原生ob

/ 利用reducer将store和action串联起来。// 利用store来保存状态（state）// 利用action来修改状态。// 1.定义一个状态（数据）

Redux 自身只能处理同步数据流。但是在实际项目开发中，状态的更新、获取，通常是使用异步操作来实现。它主要设计用来处理项目中的异步操作，如获取接口数据等。能够理解中间件的触发时机。

changeAPPEND()}>修改数据namechangeREMOVE()}>修改数据namechangeADD(5)}>修改数据+5 初始数据:{name}

1.设计思想（1）Web 应用是一个状态机，视图与状态是一一对应的。（2）所有的状态，保存在一个对象里面。

Page2 {...props}>:} //要加{...props}才能有路由信息。console.log(props) // history，location，match等路由信息。console.log(props) //没有路由信息。

);}//app.jsreturn (

基于react-router，加入了在浏览器运行环境下的一些功能，例如Link组件、BrowserRouter和HashRouter组件。:实现了路由的核心功能。

default:}}dispatch({})}return ()}

setCount(count + 1)}>{"点击+1"}子组件获得的点击数量：{count};父组件点击数量：{count}

/不管你怎么点击按钮，value的值都会是80，并不会发生变化，这是因为ref对象的改变，并不会触发页面的更新setChange({})更新页面。2：ref对象可以用于保存数据。3 获取子组件的属性或方法。

3.case3 （设置第二个参数为[arr]，arr变化就会更新）第二个参数不设置，页面首次加载和页面更新，都会重新加载。2.case2 （设置第二个参数为[]，首次加载更新）1.case1 （不设置第二个参数，无优化效果）},[count])//关注点。},[])//关注点。

useEffect不传递第二个参数会导致每次渲染都会运行useEffect。然后，当它运行时，它获取数据并更新状态。然后，一旦状态更新，组件将重新呈现，这将再次触发useEffect，这就是问题所在。}) //所有更新都执行。

}')}}');}')}')}state={msg:'sb'}msg:'lc'})}render() {return ()}}

1- 创建 Context 对象 导出 Provider 和 Consumer 对象。{value => /* 基于 context 值进行渲染*/}3- 需要用到数据的组件使用 Consumer 包裹获取数据。2- 使用 Provider 包裹上层组件提供数据。{/* 根组件 */}

name:PropTypes.string.isRequired, //name指定为字符串类型，而且必须得填，不能为空。Name.defaultProps = { //如果gender或者age值为空，就使用默认值。return 网站名称：{name};

name: '女',

点击事件btnAction('XXX')}>点击事件点击事件

npm install node-sass sass-loader --save