2、ReactJS开发入门指南

ReactJS开发入门指南

1. ReactJS组件规范

ReactJS组件有一套内置的方法和属性，这些方法和属性在开发中非常重要。它们可以分为以下几类：
- 调试相关 ：如 displayName 和 propTypes ，用于调试和验证组件属性。
- 初始化数据 ：如 getInitialState 和 getDefaultProps ，用于设置组件的初始状态和默认属性。
- 组件生命周期方法 ：如 componentDidMount 、 componentShouldUpdate 等，用于处理组件在不同阶段的行为。

2. Props和States

组件内的数据可以来自外部（props）或内部实例化（states）。为了提高可测试性和数据不可变性，应尽可能依赖传递给组件的外部数据，而不是使用内部状态。不过，在某些情况下，使用内部状态是必要的。

2.1 Props

Props是传递给组件的属性，它们是不可变的。以下是一个简单的组件示例：

import React from 'react';
import { render } from 'react-dom';

const App = React.createClass({