คำถามติดแท็ก react-proptypes

รับองค์ประกอบง่าย ๆ ที่ทำให้ลูก ๆ ของมัน: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; คำถาม: เสาประเภทของเสาควรเป็นอย่างไร? เมื่อฉันตั้งเป็นวัตถุมันล้มเหลวเมื่อฉันใช้องค์ประกอบที่มีลูกหลายคน: <ContainerComponent> <div>1</div> <div>2</div> </ContainerComponent> คำเตือน: ไม่ประเภทเสา: เสาที่ไม่ถูกต้องchildrenจากประเภทarray จ่ายให้กับคาดว่าContainerComponentobject ถ้าฉันตั้งค่าเป็นอาร์เรย์มันจะล้มเหลวถ้าฉันให้ลูกเพียงคนเดียวคือ: <ContainerComponent> <div>1</div> </ContainerComponent> คำเตือน: โพรโทคอลที่ล้มเหลว: โพรไฟล์ลูกไม่ถูกต้องของออบเจ็กต์ประเภทที่จัดหาให้กับ ContainerComponent, อาร์เรย์ที่คาดไว้ …

265 reactjs  jsx  react-proptypes 

มีวิธีการใช้ proptypes ในตัวเพื่อให้แน่ใจว่าอาร์เรย์ของวัตถุที่ถูกส่งผ่านไปยังองค์ประกอบเป็นอาร์เรย์ของวัตถุที่มีรูปร่างเฉพาะหรือไม่? อาจจะเป็นเช่นนี้? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), ฉันขาดสิ่งที่เห็นได้ชัดที่สุดที่นี่หรือไม่? ดูเหมือนว่าสิ่งนี้จะเป็นที่ต้องการอย่างสูง

245 arrays  reactjs  react-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 }

244 reactjs  react-proptypes 

การใช้React.PropTypesแอปพลิเคชัน TypeScript React มีความหมายหรือไม่หรือเป็นเพียงกรณีของ "เข็มขัดและสายรัด" เนื่องจากคลาสคอมโพเนนต์ถูกประกาศด้วยPropsพารามิเตอร์ type: interface Props { // ... } export class MyComponent extends React.Component<Props, any> { ... } มีประโยชน์ที่แท้จริงในการเพิ่ม static propTypes { myProp: React.PropTypes.string } นิยามคลาส?

123 reactjs  typescript  react-proptypes 

โดยไม่ต้องใช้คลาสฉันจะใช้ PropTypes ในส่วนประกอบที่ไม่ระบุสถานะของการตอบสนองได้อย่างไร export const Header = (props) => ( <div>hi</div> )

107 javascript  reactjs  react-props  react-proptypes 

PropTypes และ Flow ครอบคลุมสิ่งที่คล้ายกัน แต่ใช้วิธีการที่แตกต่างกัน PropTypes สามารถให้คำเตือนคุณระหว่างรันไทม์ซึ่งจะเป็นประโยชน์ในการค้นหาการตอบสนองที่ผิดรูปแบบที่มาจากเซิร์ฟเวอร์เป็นต้นอย่างไรก็ตาม Flow ดูเหมือนจะเป็นอนาคตและด้วยแนวคิดเช่น generics เป็นโซลูชันที่ยืดหยุ่นมาก นอกจากนี้การเติมข้อความอัตโนมัติที่นำเสนอโดย Nuclide ก็เป็นข้อดีอย่างมากสำหรับ Flow คำถามของฉันตอนนี้คือวิธีที่ดีที่สุดในการเริ่มโครงการใหม่ หรืออาจเป็นทางออกที่ดีในการใช้ทั้ง Flow และ PropTypes ปัญหาในการใช้ทั้งสองอย่างคือคุณเขียนโค้ดซ้ำกันมาก นี่คือตัวอย่างของแอปเครื่องเล่นเพลงที่ฉันเขียน: export const PlaylistPropType = PropTypes.shape({ next: ItemPropTypes, current: ItemPropTypes, history: PropTypes.arrayOf(ItemPropTypes).isRequired }); export type Playlist = { next: Item, current: Item, history: Array<Item> }; โดยทั่วไปคำจำกัดความทั้งสองจะมีข้อมูลที่เหมือนกันและเมื่อมีการเปลี่ยนแปลงชนิดข้อมูลจำเป็นต้องอัปเดตคำจำกัดความทั้งสอง ฉันพบปลั๊กอิน Babelนี้เพื่อแปลงการประกาศประเภทเป็น PropTypes …

101 reactjs  flowtype  react-proptypes