1. 程式人生 > >ReactNative中,屬性型別限定的幾種寫法(ES6)

ReactNative中,屬性型別限定的幾種寫法(ES6)

React v15.5之前

import { PropTypes } from 'react';

export default class SqiClass extends Component{

    static propTypes = {
        name: React.PropTypes.string.isRequired,
    };  // 注意這裡有分號

    render () {

    }
}

React v15.5開始

import PropTypes from 'prop-types';

export default class SqiClass
extends Component{
static propTypes = { name: PropTypes.string.isRequired, }; // 注意這裡有分號 render () { } }

比較有個性的寫法(這麼說不會被打,謝謝)

// `React v15.5`開始&之後
import PropTypes from 'prop-types';

export default class SqiClass extends Component{

    SqiClass.propTypes = {
        name: PropTypes.string.isRequired,
    };  // 注意這裡有分號
render () { } }

個人建議

統一使用ES6,並且用static成員來實現