react - 随笔分类 - 快乐~

TypeScript 3.0下react默认属性DefaultProps解决方案

摘要：ts和react的默认属性的四种解决方案 Non null assertion operator(非空断言语句) Component type casting(组件类型重置) High order function for defining defaultProps(高阶组件) Props gett 阅读全文

posted @ 2018-09-26 12:59 快乐~ 阅读(9860) 评论(0) 推荐(1)

react-router的原理

摘要：1、hash的方式以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示 link的实现可以从 react router/ Link 中看到，对该组件的点击事阅读全文

posted @ 2018-02-24 21:29 快乐~ 阅读(2033) 评论(0) 推荐(0)

Redux

摘要：1、数据流 2、redux的实现 3、context的使用在生命周期方法中引用 Context 如果 contextTypes 在组件中定义，下列的生命周期方法将接受一个额外的参数， context 对象： constructor(props, context) componentWillRece 阅读全文

posted @ 2018-02-24 21:25 快乐~ 阅读(221) 评论(0) 推荐(0)

reactjs入门到实战（十）----one-first_app

摘要：index data： app：阅读全文

posted @ 2016-06-07 18:14 快乐~ 阅读(476) 评论(0) 推荐(0)

reactjs入门到实战（七）---- React的组件的生命周期

摘要：React的组件的生命周期有三个状态分别是：挂载（生产组件示例化、准备挂载到页面、挂载到页面）、更新（更新值、更新DOM）、和卸载（卸载后）。》》》其他 getInitialState ：设置state的初始值 getDefaultProps ：props的默认值 propTypes：允许验证传入阅读全文

posted @ 2016-06-06 20:57 快乐~ 阅读(284) 评论(0) 推荐(0)

reactjs入门到实战（九）----ajax的应用

摘要：利用外部的jquery：阅读全文

posted @ 2016-06-06 17:29 快乐~ 阅读(288) 评论(0) 推荐(0)

reactjs入门到实战（八）----表单组件的使用

摘要：表单组件支持几个受用户交互影响的属性： value，用于 <input>、<textarea> 组件。 checked，用于类型为 checkbox 或者 radio 的 <input> 组件。 selected，用于 <option> 组件。在 HTML 中，<textarea> 的值通过子节点阅读全文

posted @ 2016-06-06 16:15 快乐~ 阅读(347) 评论(0) 推荐(0)

reactjs入门到实战（六）---- ReactJS组件API详解

摘要：全局的api 1、React.createClass 创建一个组件类，并作出定义。组件实现了 render() 方法，该方法返回一个子级。该子级可能包含很深的子级结构。组件与标准原型类的不同之处在于，你不需要使用 new 来实例化。组件是一种很方便的封装，可以（通过 new ）为你创建后台实例。阅读全文

posted @ 2016-06-05 19:55 快乐~ 阅读(1178) 评论(0) 推荐(0)

reactjs入门到实战（五）---- props详解

摘要：1》》》基础的props使用不可修改父属性 getDefaultProps 对于外界/父组件的属性值，无法直接修改，它是只读的。 2》》》父子传递》》》state和props的区别 1、state 本组件内的数据相对封闭的单元/结构的数据状态组件的无状态 2、props 组件直接的数据流动阅读全文

posted @ 2016-06-05 00:18 快乐~ 阅读(12851) 评论(0) 推荐(0)

reactjs入门到实战（四）---- state详解

摘要：this.props 表示那些一旦定义，就不再改变的特性，而 this.state 是会随着用户互动而产生变化的特性。组件免不了要与用户互动，React 的一大创新，就是将组件看成是一个状态机，一开始有一个初始状态，然后用户互动，导致状态变化，从而触发重新渲染 UI 组件其实是状态机（State 阅读全文

posted @ 2016-06-04 22:58 快乐~ 阅读(3144) 评论(0) 推荐(0)

reactjs入门到实战（三）---- 组件详解

摘要：owner 》》》传递 props this 》》》是默认指向组件本身 key》》》不能没有，在复用的情况下组件：例子复合组件：》》》继承小的继承大的》》》组合用小的东西组成的的东西。阅读全文

posted @ 2016-06-04 21:45 快乐~ 阅读(621) 评论(0) 推荐(0)

reactjs入门到实战（二）---- jxs详解

摘要：》》》如何转换 JSX transformer Babel 官网：http://babeljs.io/ 里面有一个可以看转换的测试器，es6什么的也可以应用：注意：jsx要用大写 class 、for 、style 、onChange 是不能用的关键词。style使用颜色的时候用 style = 阅读全文

posted @ 2016-06-04 16:26 快乐~ 阅读(2195) 评论(0) 推荐(0)

reactjs入门到实战（一）---- hello world例子

摘要：React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代阅读全文

posted @ 2016-06-04 15:49 快乐~ 阅读(1100) 评论(0) 推荐(0)

随笔分类 - react

公告