0

モーダルの例から直接モーダルを起動することになっている単純なボタンがあります:

edit: withState( {
        isOpen: false,
    } )( ( { isOpen, setState } ) => (
        <div>
            <Button isDefault onClick={ () => setState( { isOpen: true } ) }>Open Modal</Button>
            { isOpen ?
                <Modal
                    title="This is my modal"
                    onRequestClose={ () => setState( { isOpen: false } ) }>
                    <Button isDefault onClick={ () => setState( { isOpen: false } ) }>
                        My custom close button
                    </Button>
                </Modal>
                : null }
        </div>
    ) ),

ただし、例外がスローされます。

警告: React.createElement: タイプが無効です -- 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

4

1 に答える 1