[arrays] رد فعل صفيف proptype مع الشكل



Answers

وهناك ... تحت أنفي:

من مستندات التفاعل نفسها: https://facebook.github.io/react/docs/reusable-components.html

// An array of a certain type
    optionalArrayOf: React.PropTypes.arrayOf(React.PropTypes.number),
Question

هل هناك طريقة مدمجة لاستخدام نماذج proptypes للتأكد من أن مجموعة من الكائنات التي يتم تمريرها إلى أحد المكونات هي في الواقع مجموعة من الكائنات ذات الشكل المحدد؟

ربما شيء من هذا القبيل؟

annotationRanges: PropTypes.array(PropTypes.shape({
    start: PropTypes.number.isRequired,
    end: PropTypes.number.isRequired,
})),

هل فقدت شيئًا واضحًا هنا؟ يبدو أن هذا سيكون سعى للغاية بعد.




هناك الاستيراد اختصار ES6 ، يمكنك الرجوع. أكثر قابلية للقراءة وسهلة الكتابة.

import React, { Component } from 'react';
import { arrayOf, shape, number } from 'prop-types';

class ExampleComponent extends Component {
  static propTypes = {
    annotationRanges: arrayOf(shape({
      start: number,
      end: number,
    })).isRequired,
  }

  static defaultProps = {
     annotationRanges: [],
  }
}



Related