React插槽

在react官网,并没有提到 插槽 的概念,此处只是把 Vue 的插槽概念引入,并解释如何在react中实现Vue中的插槽效果 前提知识:react在子组件中获取父组件传递过来的插槽内容,使用 this.props.children 获取 它包含组件的开始标签和结束标签之间的内容。 一、默认插槽(匿名插槽) `jsx function Fat ...

React组件三大核心属性ref

官方推荐:勿过度使用 Refs ,如果要使用,那尽可能不要使用字符串形式的ref ,因为可能带来性能的问题 一、字符串形式的 ref `jsx class Demo extends React.Component () { getInput = (c) => { console.log(this.refs.input.valu ...

React脚手架配置网络代理

package.json `json { "proxy": "http://localhost:5000" } ` 二、setupProxy.js配置 1、创建 src/setupProxy.js 文件 `js const proxy = require('http-proxy-middleware') module ...

React兄弟组件中进行数据传递

思路:将 state 声明在父组件中,然后通过在父组件中给子组件传递一个回调函数, 让子组件去调用该回调函数,并传入需要改变的参数。 最后有父组件执行该函数进行改变 state 。 `jsx class Father extends React.Component { state = { title: 'hello worl ...