PropTypes.nodeは無効な小道具タイプのエラーをスローします

Question

私は<Contact heading={<Fragment>Get in touch<span id="dot">.</span></Fragment>} />コンポーネントを持っています。 Contact.jsインサイド

、私は<Heading {...props} />コンポーネントを使用していました：

Heading.propTypes = { 
    heading: PropTypes.string, 
} 

しかし、このエラーを得た：

Warning: Failed prop type: Invalid prop `heading` of type `object` supplied to `Contact`, expected `string`. 

だから私はに私のPropTypesを変更：

Heading.propTypes = { 
    heading: PropTypes.node, 
} 

（.. .PropTypesの組み合わせを試した後に）それは不平を言って止めるだろうが、私が設定したPropTypeに応じて同様のエラーがスローされます。私は「何かを受け入れた」.nodeを考え

...

私はこの迷惑なエラーを修正し、またはこれはバグであることができますどのように

？

Answer 1

私はPropTypesをContact.jsに設定するのを忘れていたためでした。 Contact.jsとHeading.jsそれを修正両方に

heading: PropTypes.oneOfType([ 
    PropTypes.string, 
    PropTypes.object, 
]), 

追加

。