es6/7 React14 中的静态属性

Question

static propTypes: {
        arrayOfLines: PropTypes.arrayOf(PropTypes.number)
    };

at arrayOf(

我的包括：

import React, {Component, PropTypes} from 'react';
import ReactDOM from 'react-dom';
import CodeLine from './CodeLine';
import GridSpace from './GridSpace';

export default class Grid extends React.Component{

    static propTypes: {
        arrayOfLines: PropTypes.arrayOf(PropTypes.number)
    };

    renderGridSpace(x,y) {
        const gray = (x + y) % 2 === 1;

        const [spaceX, spaceY] = this.props.arrayOfLines
    }

    render() {
        const { gray } = this.props;
        const fill = gray ? 'gray' : 'white';
        const stroke = gray ? 'white' : 'gray';
        console.log(PropTypes);
        return (
            <div style={{ 
            backgroundColor: fill,
            color: stroke,
            width: '100%',
            height: '100%'
             }} >
                {this.props.children}
            </div>
        );
    }

}

这实际上只是来自 reactdnd 演示

Answer 1

根据stage-1 提案，static 属性后跟= 而不是:

static propTypes = {
    arrayOfLines: PropTypes.arrayOf(PropTypes.number)
};

参考资料：

• ES Class Fields & Static Properties - Part 2: Class Static Properties