Làm thế nào để khai báo kiểu trong propTypes?

Question

Với quy tắc forbid-prop-types được bật, eslint cấm tôi sử dụng style: React.PropTypes.object và sử dụng shape được đề xuất.

Nhưng thực sự cần phải xác định tất cả các thuộc tính có sẵn cho mục đích này như thế này?

DEMO.propTypes = { 
    style: React.PropTypes.shape({ 
     color: React.PropTypes.string, 
     fontSize: React.PropTypes.number, 
     ... 
    }) 
}; 

Mã định nghĩa quá nhiều!

Answer 1

Một khả năng là sử dụng gói react-style-proptype như vậy:

import stylePropType from 'react-style-proptype'; 

MyComponent.propTypes = { 
    style: stylePropType, 
}; 

Answer 2

View.propTypes.style 

hoặc

Text.propTypes.style 

Nó sẽ trông như thế này:

DEMO.propTypes = { 
    style: Text.propTypes.style, 
    ... 
}; 

https://facebook.github.io/react-native/releases/0.21/docs/style.html#pass-styles-around

Answer 3

Phản ứng gốc hiện chứa ViewPropTypes, thay thế View.propTypes.style. Ví dụ về cách sử dụng:

import { ViewPropTypes } from 'react-native'; 

MyComponent.propTypes = { 
    style: ViewPropTypes.style 
};