前端小可爱博客

摘要： 在React中，把数组转化为元素，和js的map方法类似，返回一个数组类的元素 1.渲染多个组件 可以使用{}在jsx中构建一个元素集合 2.基础组件列表 通常你需要在组件中去渲染一个列表，而不是构建一个元素集合，此时可以把上述构建抽离为一个组件。 此时运行会报没有key的警告，需要进行key的添加 阅读全文

摘要： 在react中的条件渲染和Vue不一样，react使用的是：使用不同的组件进行封装，然后根据使用的场景再来判断使用哪一个组件 React中的条件渲染和js中的一样，使用js或者其他条件运算符进行不同组件的渲染 1.元素变量 可以使用变量来储存元素。 它可以帮助你有条件地渲染组件的一部分，而其他的渲染 阅读全文

摘要： react元素的时间处理和DOM的很相似，只是语法上面有一点区别 区别： 1.react属性命名为小驼峰 && 如果使用jsx语法，需要传入的是一个函数，而不是字符串（eg：onClick={click}） 2.react阻止默认事件不能是return false了，必须使用preventDefau 阅读全文

摘要： 类和函数声明的区别： 函数声明的组件没有生命周期，类声明的组件有它自己的生命周期和局部状态等等特性 之前提过元素渲染之后是不可变的，为了解决这个问题，我们需要做以下做来实现改变 1.组件声明为类声明 2.添加一个类构造函数来初始化 class Welcome extend React.Compone 阅读全文

摘要： 定义组件 1.函数定义组件：（此函数为有效的React组件，它接收一个单一的“props”对象并返回了一个React元素） function Welcome（props） { return <div>hello , {props.name}</div> } 2.使用es6的class进行定义 cla 阅读全文

摘要： 将元素渲染到 DOM 中 一般来讲跟vue类似，只需要一个根节点，其渲染方式为 ReactDOM.render(<h1>Hello, world</h1>，document.getElementById('root'))。 更新元素渲染 react渲染之后，是不可变的，如果想要更改，需要重新执行他的 阅读全文