Reactjs 使用心得

1.定义组件方式

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

const element = <Welcome name="Sara" />;

复制代码

2.规范：

1.小写字母开头，作为HTML 标签
2.大写字母，作为组件命名。
3.不要吝啬切割组件
4.不可修改pros中组件元素，只读的。props只能作用于纯函数中。
复制代码

3. 纯函数

function sum(a, b) {
  return a + b;
}
复制代码

相同的输入，得到的总是相同的结果，不曾修改输入的数据。
复制代码

4. 非纯函数

function withdraw(account, amount) {
  account.total -= amount;
}
复制代码

修改了输入的total
复制代码

5. ss