React 屬性驗證


§ 沒有用到生命週期, state 內容簡單時, 用 Function 寫法驗證屬性 § propTypes 驗證元件 props 型別 § default Props 為元件 props 定義預設值 § isRequired 必填, 沒有加上的話 isRequired 就要在 default Props 填上預設值 § props型別:array, bool, func, number, object, string,element


import React from 'react';

  export default function Todo(props) {

    return (

      <h1>Hello, {props.name} {props.age}</h1>

    );
  }

  Todo.propTypes = {

    name: PropTypes.string,

    age: PropTypes.number.isRequired,

  };

  Todo.defaultProps = {

    name: 'jack',

  };

results matching ""

    No results matching ""