• React 事件的命名采用小驼峰式（camelCase），而不是纯小写。

• 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。

  1 2 3

  <button onClick={activateLasers}> // 而不是 onclick="activateLasers()" Activate Lasers </button>

  阅读全文 »

props 与 state 都是普通的 JS 对象

• props 是传递给组件的（类似函数的形参）
• state 是在组件内被组件自己管理的（类似在一个函数内声明的变量）

疑问：

1. 为什么总要写 super()？
2. 必须传 props 参数吗？

1
2
3
4
5
6
7

class Checkbox extends React.Component {
  constructor(props) {
    super(props);
    this.state = { isOn: true };
  }
  // ...
}

前言

我们都知道我们写的代码最终都是会打包成bundle包，对于web端应用打包完之后有html, css,js等产物，但对于像weex,rn等跨端框架来说，最终生成的bundle包用于native，也就是安卓或者IOS端的话，实际的产物仅有js一种，因为对于native来说是没有DOM和BOM的，所以html和css对于native来说是没有用的，只有js会被框架内置的js引擎解析后映射转换为原生的视图和代码，就和直接用安卓或者IOS直接写出来的代码实际是一样的。而对于js的bundle来说，通过都是打包成一个bundle，但实际中的场景往往是这样的：