react
文章平均质量分 84
gigi就是我
这个作者很懒,什么都没留下…
展开
-
redux学习笔记
概述Redux提供一种状态管理的方式。有以下三个要点: 应用中所有的state都以一个对象树的形式储存在一个单一的store中。 唯一改变state的办法就是触发action(一个描述发生什么的对象) 为了描述action如何改变state树,需要编写reducers 一般我们使用一个普通对象来描述应用的state,如:{ todos: [{ text: 'Eat food',原创 2017-07-31 18:47:46 · 552 阅读 · 0 评论 -
react组件间的数据传递
参考ReactJS组件间沟通的一些方法 父子组件父->子:通过props将数据传递给子组件子->父父组件通过props讲一个callback传给子组件,子组件内调用这个callback即可改变父组件的数据兄弟组件维护在父组件中将数据维护在两个组件的父组件或祖先组件中通过props传递数据或者callback 但当组件层次较深的时候一层一层地传递数据太过繁琐这个图笑死了……全局事件可以使用事件来实现原创 2017-08-01 12:00:40 · 4264 阅读 · 0 评论 -
react-router学习笔记
React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。链接配置在组件中使用<Link>代替<a>链接或者其他可点击元素,这样就能触发路由跳转:<Link to="/home">Home</Link>路由配置React.render(( <Router> <Route path="/" c原创 2017-08-01 20:19:59 · 667 阅读 · 0 评论 -
react学习笔记
JSX是js的一种语法扩展,在React中用于描述UI。 在JSX中使用{}嵌入任何js表达式 多行JSX最好使用括号wrap 编译后,JSX表达式成为常规的JavaScript对象。因此可以在if或者for循环中使用,或者赋值给其他的变量、从函数中返回等等。 由于JSX比起HTML更接近JavaScript,所以React DOM使用驼峰命名法为属性命名而不是使用HTML属性名称。 比如,cla原创 2017-07-15 21:03:42 · 656 阅读 · 0 评论