
react
蜗牛有力量
好记性不如写下来
展开
-
快速安装create-react-app进行react项目开发
在create-react-app这个脚手架出来之前,大家都是用webpack + es6来结合react来开发项目的,不过这样需要自己配置一大堆东西,对刚接触react的同学比较麻烦,有了create-react-app之后再进行react开发就变得非常方便。安装也非常方便,一句话就可以:npx create-react-app my-app 安装成功之后就会这样的提示...原创 2018-07-20 22:35:55 · 3460 阅读 · 0 评论 -
使用Rreact开发Todos应用附详细过程
在使用React来开发之前首先了解一下React是什么?React官方给出的解释是(A JavaScript library for building user interfaces),React是一个构建∪I库的库,帮助我们更方便地构建前端页面,它可以将我们的页面组件化,方便开发和维护,可以让我们更方便地复用组件。React 的设计初衷可能就是为了组件复用,举个简单的例子...原创 2018-07-21 22:42:32 · 414 阅读 · 0 评论 -
JSX语法、事件绑定与列表渲染
1.JSX函数与render函数class App extends Component { const hello="hello jsx"; render() { return ( <div className="app"> <h1>Todos</h1> &...原创 2018-07-21 23:57:32 · 6078 阅读 · 0 评论 -
关于props与state的基础知识与区别
父组件通过props向子组件传递数据。父组件通过item={item}这种方式向子组件传递数据,子组件通过this.props.item 来获取数据。//父组件<ul className="list"> <todos.map((item,index)=>{ return <Item item={item}/> })}<...原创 2018-07-22 22:36:22 · 3692 阅读 · 0 评论