zoukankan      html  css  js  c++  java
  • 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属性是必须的,而且它的值必须是字符串
     
     
  • 相关阅读:
    判断二叉树是否BST
    树基础训练(一)
    Trie 简介
    二叉树的一些补充
    红黑树
    平衡二叉树(AVL)介绍及其实现
    二叉查找树(BST)的实现
    二叉树基本知识
    微信小程序提示框
    urllib3使用指南
  • 原文地址:https://www.cnblogs.com/xwtbk/p/6092801.html
Copyright © 2011-2022 走看看