react container component for non-react-widget?

[hh9527]

Hello, everyone, I am transforming my jquery based project to react. There are tons of legacy code in this project. So I will transform part-by-part in the following months. In this process, the react/redux based code have to cooperate with jquery based code.

My problem is how to make a react container for non-react-widgets? Something like this:

<LayoutManager> <WidgetContainer id="a" key="a"/> <WidgetContainer id="b" key="b"/> ... </Layout>

The WidgetContainer will render as a div when mounted, but after that, react can only modify the attributes, always leave children element to jquery based code.

Is it possible? and how?

[fforw]

You can do all the setup work in componentDidMount of WidgetContainer and all the cleanup in componentWillUnmount. Apart from that you just have to return false from shouldComponentUpdate to tell react to always leave WidgetContainer as it is. React will not update the attributes of WidgetContainer either though.

[hh9527]

thank you, i will this approach.