关注码农话题
做一个实实在在的内行人

React

React Refs

阅读(17)

React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以确保在任何时间总是拿到...

React 表单与事件

阅读(20)

本章节我们将讨论如何在 React 中使用表单。 一个简单是实例 在实例中我们设置了输入框 input 值value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件...

React AJAX

阅读(16)

React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据库可以将数据存储在 state 中,再用 this.setState 方法重新渲染 UI。 当使用异步加载数据时,在组件卸载前...

React 组件生命周期

阅读(19)

在本章节中我们将讨论 React 组件的生命周期。 组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: componentWi...

React 组件 API

阅读(21)

在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态:setState 替换状态:replaceState 设置属性setProps 替换属性replaceProps 强制更新:forceUpdate 获取DO...

React Props

阅读(27)

state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 state 来传递数据。 使用 Props 以...

React State(状态)

阅读(14)

React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作...

React 组件

阅读(25)

本章节我们将讨论如何使用组件使得我们的应用更容易来管理。 接下来我们封住一个输出 “Hello World!” 的组件,组件名为 HelloMessage: var HelloMessage = React.crea...

React JSX

阅读(15)

React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX,但它有以下优点: JSX 执行更快,因为它在编译为 JavaScript 代...

React 安装

阅读(24)

React 可以直接下载使用,下载包中也提供了很多学习的实例。 本教程使用了 React 的版本为 0.14.7,你可以在官网 http://facebook.github.io/react/ 下载最新版。 你也可以直接使用W3Cschoo...

入职你的梦想 VS 变现你的技术

IT面试宝典码农市场