Rendering in React.js

Question

I am new to React.js and one question I have is - Is it necessary to unmount a React Modal view before re-rendering it.

I am trying to call a react modal view as below. The modal shows up only the first time. But if the modal is unmounted before this render function is called, the Modal shows up.

render: function(options) {
    React.renderComponent(<ModalView id="ModalView" 
                         model={this.model}/>,$("#"+this.viewId)[0]);
},

Thanks.

Shawn · Accepted Answer · 2014-07-07 22:15:29Z

2

You should only call React.renderComponent() on the root component. To render a child component just return it in the render method.

render: function() {
        return <ModalView id="ModalView " model={this.model}/>;
}

And to answer your question, no, you shouldn't need to explicitly unmount anything. To trigger a render you either setState, setProps or forceUpdate.

answered Jul 7, 2014 at 22:15

Shawn

9396 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pra · Accepted Answer · 2014-07-02 11:07:33Z

0

Are you using bootstrap modal? I have the same issue. Once rendered the componentDidMount would not be called. Hence modal would not be shown. I defined a onClose props to unmount the component on close. If there is a better way i would be interested.

answered Jul 2, 2014 at 11:07

pra

3631 gold badge4 silver badges18 bronze badges

1 Comment

CDubbz31 Over a year ago

componentDidMount is called on initial render. componentDidUpdate is called on subsequest renders.

Collectives™ on Stack Overflow

Rendering in React.js

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related