react js

1、组件类的第一个字母必须大写,否则会报错,比如HelloMessage不能写成helloMessage

2、组件类只能包含一个顶层标签,否则也会报错。如:

var HelloMessage = React.createClass({
  render: function() {
    return <h1>
      Hello {this.props.name}
    </h1><p>
      some text
    </p>;
  }
});
3、添加组件属性,class 属性需要写成 className ,for 属性需要写成 htmlFor ,这是因为 class 和 for 是 JavaScript 的保留字。
4、this.props.children 属性。它表示组件的所有子节点

var NotesList = React.createClass({
  render: function() {
    return (
      <ul>
      {
        React.Children.map(this.props.children, function (child) {
          return <li>{child}</li>;
        })
      }
      </ul>
    );
  }
});

ReactDOM.render(

<NotesList>
<span>hello</span>
<span>world</span>
<span>my</span>
<span>name</span>
<span>is</span>
<span>zhanghai</span>
</NotesList>,

  document.body

);
结果


5、title: React.PropTypes.string.isRequired, 这个title属性是必须的,而且它的值必须是字符串
 
 
原文地址:https://www.cnblogs.com/xwtbk/p/6092801.html