10月 学习笔记 全栈之路：这篇文章是前端相关的知识点。 一些好玩的 npm 包 classnames https://github.com/JedWatson/... 在写 react 的时候 需要 合并的样式的时候，使用这个特别方便 用法 const className = 'aa';
const flag = true;
const cls = classNames({
1.React Native 中如何实现根据state控制组件的显示与隐藏？ render() {
return(
{
this.state.abc == null ? (
null
) : (
HTML标签对比React组件 React 可以渲染 HTML 标签 (strings) 或 React 组件(classes) 。 要渲染 HTML 标签，只需在 JSX 里使用小写字母开头的标签名。 var myDivElement = <div className="foo" />;
React.render(myDivElement, document.getElementById('ex
表单组件 诸如 <input>、<textarea>、<option> 这样的表单组件不同于其他组件，因为他们可以通过用户交互发生变化。这些组件提供的界面使响应用户交互的表单数据处理更加容易。 交互属性 表单组件支持几个受用户交互影响的属性： value，用于 <input>、<textarea> 组件。 checked，用于类型为 checkbox 或者 radio 的 <input> 组件。
1.Router组件和Route组件都可以使用自闭合，也可以采用闭合标签的形式。即： <Router /> 和 <Router>
</Router> 这两种形式都可以。 2.组件的属性 Router组件有history和routes属性 Route组件有path和component属性，其中path属性可以省略。 IndexRoute组件有component属性，显式指定跟路由的子组件，如<Ind
本文针对React+Redux实例中的shouldComponentUpdate函数做一个理解， shouldComponentUpdate(nextProps) {
return nextProps.state != this.props.state;
} 如果state是一个对象，使用这种表示也是正确的，我们从reducer开始理解。 // apple basket reducer
什么是React React是一个JavaScript库，是由FaceBook和Instagram开发的，主要用于用户创建图形化界面。 Hello world <!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="build/react.js">
ReactiveCocoa 基础教程 iOS Reactivecocoa（RAC）知其所以然（源码分析，一篇足以） ReactiveCocoa核心元素与信号流 （来自美团的文章） ReactiveCocoa v2.5 源码解析之架构总览 ReactiveCocoa 最全常用API整理 ReactiveCocoa 实践 ReactiveCocoa入门教程——第一部分 (该教程翻译自RayWender
根据http://reactjs.cn/react/docs/...页面中Starter Kit 15.3.1中的例子汇总修改而成。 HTML代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>React test</title>
<link rel="stylesheet" h
参考 React中函数式声明组件 Dva + Ant Design 前后端分离之 React 应用实践 React+DvaJS 之 hook 路由权限控制 dva 知识地图 react-router Guides and API docs (v2, v3) react-sage redux-saga 是一个用于管理 Redux 应用异步操作,可以用来代替 redux-thunk 中间件。 《Red
前言： 本文为个人学习react-router的总结。包括路由基础配置，跳转，权限管理，组件与路由配置的关系，代码分割。欢迎交流指导。 一、路由基础 1.路由配置 & 显示路由组件的view（类比angular的ui-view） 路由配置：路由匹配的规则 render(( <Router history={ hashHistory }>
<Route path="
React-Native填坑之删除第三方开源组件的依赖包 react native Button 使用详解 Andriod React Native 样式表中可用样式属性 React Native FlexBox布局详细指南 FlexBox布局
定义组件: class 组件名 extends Component {
render () {
return <Image> | <Text> | <view> //三个自带的组件
}
}
AppRegistry.registerComponent( ‘应用名 | 组件名’ , () => 组件名 );//这个只能有一次 控制组件: props : 在父组件中指定,
目录 1 创建第一个组件 2 组件嵌套 3 组件的状态 4 组件的通信 5 Ref指向 6 单向数据流 7 React组件生命周期 注：使用了 React 的版本为 15.4.2，你可以在官网 http://facebook.github.io/react/ 下载最新版。 1 创建第一个组件 1.1 花括号{} 花括号{}解析表达式，三元表达式 花括号{}不能出现在Return的第一层
redux的使用 react-native, react, react-redux, react-navigaition, redux-thunk, redux-persist 用户发出action, reducer函数算出新的state, view重新渲染 三大原则 单一数据源，利用props的形式向下传播（react数据流决定） state只读，通过action修改 通过纯函数reducer来
React Native 复习 生命周期 组件的生命周期分三个状态 Mounting(装载) 已插入真是的DOM Updating 正在被重新渲染 UNMounting 已移出真实的DOM Mounting(装载) getInitialState(): 在组件挂载之前调用一次。返回值将会作为 this.state 的初始值。 componentWillMount()：服务器端和客户端都只调用一次，
知识点： 1.// 用ListView实现类似Android中GridView的布局效果 contentContainerStyle={{flexDirection:"row",flexWrap:"wrap"}} 2.//删除数据组中的元素，index代表开始位置，1代表删除的个数。 data.splice(index, 1); 3.// 返回上一级页面 this.props.navigation
前两天在写react项目的时候发现在路由上面走了很多的弯路。正所谓磨刀不误砍柴工，还是先系统地学习一下吧... 重要API一览 路由容器组件 BrowserRouter: 浏览器自带的API，restful风格（需要后台做相应的调整）； HashRouter: 使用hash方式进行路由； MemoryRouter: 在内存中管理history，地址栏不会变化。在reactNative中使用。 Ro
gfs-react-dm笔记 最近要在公司一个前端项目上添加一个“警告”弹框这样一个功能，于是就开始熟悉这个前端项目。 项目中出现了如下几种注解：@Model、@Control、@View，发现都是来自于gfs-react-dm这个项目中，就看到了相应的文档，于是就有了这篇博文笔记（主要是摘抄的参考文档的内容，如有不妥，请告知，立删）。 1、Model 表示实体、数据模型，model中的方法和属性
ReactNative的文档地址有多个，如果你英文够好，就去研读官方的文档吧， 如果读原文比较吃力，中文官网也是不错的选择。 下面是我个人记录的一些笔记，仅供初学者入门参考 预科 入门React Native前需要了解一下知识，这样能帮助你更快的掌握RN Node：Node.js 教程 ReactJS：《React 入门实例教程》 ES6：《ECMAScript 6 入门》 环境 系统环境要求 I
