分类：三大属性

2021
04-27

React三大属性之Refs的使用详解

refs是React中用来取得某个JSX组件或者某个DOM中的一些状态值的时候，用来获取节点的方法。在React官方的解释中，它的适用范围如下：管理焦点，文本选择或媒体播放。触发强制动画。集成第三方DOM库。React文档中再三强调，请不要过度使用refs，所以当我们可以用dom原生对象解决时，尽量不要使用refs依照之前的写法，首先是给出类组件和函数组件中refs的写法类组件在类中，refs有三种方式，目前最常用的是回调的... 继续阅读 >

2021
04-27

React三大属性之props的使用详解

上期讲了state，接下来讲讲props。props功能在于组件间通信（父子组件），首先说说在各种组件中的用法：类组件//父组件传值classFatherextendsReact.PureComponent{render(){return(<Sonvalue={"son"}/>)}}classSonextendsReact.PureComponent{render(){return(<div>thisdatais{this.props.value}</div>)}}函数组件functionFa(){retur... 继续阅读 >

2021
04-27

React 三大属性之state的使用详解

React中很多地方需要用到数据，这在React中被叫做状态，我们需要一个专门管理状态的方法，于是state相关的就诞生了。state应该被要求有两个基本功能，一，能够存储一定的值，从而能被react使用，二，能够再它改变的时候被React监听到并且重新渲染。这里分别介绍一下在类和函数组件中state的写法：类组件classClassComponentextendsReact.Component{constructor(props){super(props)}//可写可不写render(){... 继续阅读 >