冗長プロペラ検証に反応する

Question

リアクションでは、必要なプロンプトと必要なタイプを指定できます。未知の小道具名（例えば、propTypeに指定されていないもの）がコンポーネントに渡されたときに検証警告を表示する可能性はありますか？高次の成分は何もして

Answer 1

が可能です：

は

// This is not a full solution, merely a sketch of one way to do it 
const OnlyValidProps = WrappedComponent => { 
    return class extends React.Component { 
    render() { 
     const actualProps = Object.keys(this.props); 
     const expectedProps = Object.keys(WrappedComponent.propTypes); 
     const hasPropMisMatch = (
     actualProps.length != expectedProps.length || 
     !actualProps.every(key => expectedProps.contains(key)) 
    ); 
     if (hasPropMisMatch) { 
     console.warn(`Props mismatch! expected: ${expectedProps} actual: ${actualProps}`); 
     } 
     return <WrappedComponent {...this.props} />; 
    } 
    }; 
} 

// Usage 
OnlyValidProps(class MyClass extends React.Component { 
    static propTypes = { 
    x: React.PropTypes.number, 
    y: React.PropTypes.number 
    } 
});