![](https://img-blog.csdnimg.cn/20210315110954570.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
React
sun_wei_tao
打杂工程师
展开
-
React中组件通信方式
组件间的关系父子组件兄弟组件(非嵌套组件)祖孙组件(跨级组件)通信方式props:children props、render props消息订阅-发布:pub-sub集中式管理:reduxconText:生产者-消费者模式搭配方式父子组件:props兄弟组件:消息订阅-发布,集中式管理祖孙组件:消息订阅-发布,集中式管理,conText(封装插件使用的多)...原创 2021-04-02 13:17:19 · 109 阅读 · 1 评论 -
React路由传递params、search、state参数的相关处理
传递search参数<Link to={`/路径/?key=${变量}`} />在路径后使用?key=value的形式传递参数,传递多个参数使用&符号连接声明接收参数<Route path="/路径" />使用search传参时不需要声明接收参数获取参数console.log(this.props.location.search) //?key=value&key=value获取参数时search参数没有像params一样是一个对象,可使用第原创 2021-03-29 14:14:36 · 4279 阅读 · 1 评论 -
React脚手架配置代理解决跨域问题
前言我在本地运行一个react项目地址为http://localhost:3000我去请求接口地址为http://localhost:5000时由于同源策略的限制,就产生了跨域问题解决方案一在项目根目录下找到package.json文件,添加如下配置"proxy": "http://localhost:5000"key为proxy,value为接口地址在进行网络请求时请求了3000端口下不存在的资源时,就会将请求转发给5000端口这种解决方案不适用于配置多个接口地址解决方案二1.原创 2021-03-25 15:54:46 · 562 阅读 · 3 评论 -
React初识 Hello React
在html中使用react首先引入react核心库react-dom和babel文件文件顺序必须是核心库文件在react-dom文件之前引入,babel.js是用来将jsx解析成js<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crossorigin src="https://unpkg.com/react-dom@16/umd原创 2021-03-17 11:06:50 · 181 阅读 · 6 评论