React PropTypes: อนุญาตให้ PropTypes ประเภทต่าง ๆ สำหรับหนึ่งเสา

ฉันมีส่วนประกอบที่รับเสาสำหรับขนาดของมัน เสาสามารถเป็นได้ทั้งสตริงหรืออดีตจำนวน: หรือ"LARGE"17

ฉันสามารถให้ React.PropTypes รู้ได้หรือไม่ว่าการตรวจสอบนี้เป็นแบบใดแบบหนึ่งหรือแบบอื่นในการตรวจสอบความถูกต้องของ propTypes

หากฉันไม่ได้ระบุประเภทฉันจะได้รับคำเตือน: prop type `size` is invalid; it must be a function, usually from React.PropTypes.

MyComponent.propTypes = {
    size: React.PropTypes
}

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

เรียนรู้เพิ่มเติม: พิมพ์ดีดด้วย PropTypes

เพื่อวัตถุประสงค์ในเอกสารเราควรแสดงรายการค่าสตริงที่ถูกกฎหมาย:

size: PropTypes.oneOfType([
    PropTypes.number,
    PropTypes.oneOf([ 'SMALL', 'LARGE' ]),
]),

สิ่งนี้อาจใช้ได้กับคุณ:

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

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