追加コンポーネント

うん、あなたが見逃している私は、トリガのクリックでドキュメント本体にモーダル・コンポーネントを追加しようとしているが、私は私の構文が間違っていると思う...追加コンポーネント

openModal() { 
    console.log(this.state.isModalOpen); 
    this.setState({ isModalOpen: true }); 
    $('body').append(
    <Modal isOpen={this.state.isModalOpen} transitionName="modal-anim"> 
     <NewAlbum onClick={this.closeModal}/> 
    </Modal> 
    ) 
    } 
<button onClick={this.openModal}>Trigger</button>

出典

2016-06-14 Kirk Ross

リアクトファンダメンタルズのいくつか。あなたはあなたのためにあなたのレンダリングをReactに任せなければなりません。

出典

2016-06-14 19:16:11 ctrlplusb

https://facebook.github.io/react/docs/tutorial.htmlはありがとう：私は非常にあなたが反応するドキュメントを通過し、基礎の一部が接合取得をお勧め

class MyComponent extends React.Component { constructor(props) { super(props); this.state = { isModalOpen: false }; this.toggleModal = this.toggleModal.bind(this); } toggleModal() { this.setState({ isModalOpen: !this.state.isModalOpen }); } render() { return ( <div> <button onClick={this.toggleModal}>Trigger</button> <Modal isOpen={this.state.isModalOpen} transitionName="modal-anim"> <NewAlbum onClick={this.toggleModal}/> </Modal> </div> ) } }

：これは後に、あなたが何のために一般的な使用方法です。はい、私は大きな欠損があり、その場で学ぶことを試みていることを知っています。 –

toggleModal =（）=> ...予期しないトークンエラーが発生しましたtoggleModal（）{...}のはずです –

これはステージ1でバベルを実行していない可能性があります。私の答えを更新してください。 – ctrlplusb

答えて

関連する問題