摘要: 在React中,把数组转化为元素,和js的map方法类似,返回一个数组类的元素 1.渲染多个组件 可以使用{}在jsx中构建一个元素集合 2.基础组件列表 通常你需要在组件中去渲染一个列表,而不是构建一个元素集合,此时可以把上述构建抽离为一个组件。 此时运行会报没有key的警告,需要进行key的添加 阅读全文
posted @ 2019-09-25 18:04 前端小可爱 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 在react中的条件渲染和Vue不一样,react使用的是:使用不同的组件进行封装,然后根据使用的场景再来判断使用哪一个组件 React中的条件渲染和js中的一样,使用js或者其他条件运算符进行不同组件的渲染 1.元素变量 可以使用变量来储存元素。 它可以帮助你有条件地渲染组件的一部分,而其他的渲染 阅读全文
posted @ 2019-09-24 11:25 前端小可爱 阅读(374) 评论(0) 推荐(0) 编辑
摘要: react元素的时间处理和DOM的很相似,只是语法上面有一点区别 区别: 1.react属性命名为小驼峰 && 如果使用jsx语法,需要传入的是一个函数,而不是字符串(eg:onClick={click}) 2.react阻止默认事件不能是return false了,必须使用preventDefau 阅读全文
posted @ 2019-09-03 17:23 前端小可爱 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 类和函数声明的区别: 函数声明的组件没有生命周期,类声明的组件有它自己的生命周期和局部状态等等特性 之前提过元素渲染之后是不可变的,为了解决这个问题,我们需要做以下做来实现改变 1.组件声明为类声明 2.添加一个类构造函数来初始化 class Welcome extend React.Compone 阅读全文
posted @ 2019-09-03 14:42 前端小可爱 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 定义组件 1.函数定义组件:(此函数为有效的React组件,它接收一个单一的“props”对象并返回了一个React元素) function Welcome(props) { return <div>hello , {props.name}</div> } 2.使用es6的class进行定义 cla 阅读全文
posted @ 2019-09-02 14:04 前端小可爱 阅读(785) 评论(0) 推荐(0) 编辑
摘要: 将元素渲染到 DOM 中 一般来讲跟vue类似,只需要一个根节点,其渲染方式为 ReactDOM.render(<h1>Hello, world</h1>,document.getElementById('root'))。 更新元素渲染 react渲染之后,是不可变的,如果想要更改,需要重新执行他的 阅读全文
posted @ 2019-08-30 10:39 前端小可爱 阅读(252) 评论(0) 推荐(0) 编辑