高次機能コンポーネントのPropTypeを設定するにはどうすればよいですか？

Question

私はeslintためairbnb構成を使用することだし、それは私にこの警告与えている：

[eslint] 'isLoading' is missing in props validation (react/prop-types)

isLoadingためPropTypesを設定する方法はありますか？ http://jsfiddle.net/BernieLee/5kn2xa1j/36/

Answer 1

です：私もjsfiddleするためにそれを掲載しました

const Button = ({ onClick, className, children }) => (
    <button onClick={onClick} className={className} type="button"> 
    {children} 
    </button> 
); 
Button.propTypes = { 
    onClick: PropTypes.func.isRequired, 
    className: PropTypes.string, 
    children: PropTypes.node.isRequired, 
}; 
Button.defaultProps = { 
    onClick:() => {}, 
    className: '', 
    children: 'Click me', 
}; 

const Loading =() => (
    <div> 
    <p>Loading...</p> 
    </div> 
); 

const withLoading = Component => ({ isLoading, ...rest }) => 
    (isLoading ? <Loading /> : <Component {...rest} />); 

// How do I set propTypes for isLoading? 
// I tried this but it didn't work: 
// withLoading.propTypes = { 
// isLoading: PropTypes.bool 
// }; 

const ButtonWithLoading = withLoading(Button); 

// The rendered component is based on this boolean. 
// isLoading === false: <Button /> is rendered 
// isLoading === true: <Loading /> is rendered 
const isLoading = false; 

ReactDOM.render(
    <ButtonWithLoading 
     isLoading={isLoading} 
     onClick={() => alert('hi')} 
    >Click Me</ButtonWithLoading>, 
    document.getElementById('root') 
); 

：ここ

const withLoading = Component => ({ isLoading, ...rest }) => 
    (isLoading ? <LoadingSpinner /> : <Component {...rest} />); 

は、私はそれを使用する方法の例ですあなたが必要とするもの：

const withLoading = (Component) => { 
    const wrapped = ({ isLoading, ...rest }) => (
    isLoading ? <div>Loading</div> : <Component {...rest} /> 
); 
    wrapped.propTypes = { 
    isLoading: PropTypes.bool.isRequired, 
    }; 
    return wrapped; 
}; 
withLoading.propTypes = { 
    Component: PropTypes.element, 
}; 

Answer 2

推測isLoadingはここブール

withLoading.propTypes = { 
    isLoading: React.PropTypes.bool 
};