React PropTypes: Cho phép các loại PropTypes khác nhau cho một prop

Question

Tôi có một thành phần nhận được giá đỡ cho kích thước của nó. Giá đỡ có thể là một chuỗi hoặc một số cũ: "LARGE" hoặc 17.

Tôi có thể để React.PropTypes biết rằng điều này có thể là một hoặc khác trong xác thực propTypes không?

Nếu tôi không xác định loại tôi nhận được một cảnh báo:

prop type `size` is invalid; it must be a function, usually from React.PropTypes.

MyComponent.propTypes = { 
size: React.PropTypes 
} 

Answer 1

size: PropTypes.oneOfType([ 
    PropTypes.string, 
    PropTypes.number 
]), 

Tìm hiểu thêm: Typechecking With PropTypes

Answer 2

import React from 'react';    <--as normal 
import PropTypes from 'prop-types';  <--add this as a second line 

    App.propTypes = { 
     monkey: PropTypes.string,   <--omit "React." 
     cat: PropTypes.number.isRequired <--omit "React." 
    }; 

    Wrong: React.PropTypes.string 
    Right: PropTypes.string 

Answer 3

Điều này có thể làm việc cho bạn:

height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),