将数据传递到顶级React组件

Question

ReactJS newb question. I'm sure this is obvious, but I can't find the place in the doc.

I have a React component, which is rendered like so:

React.render(
  <MyComponent data="{myVar}" />,
  document.getElementById("element")
);

When myVar changes, it doesn't appear to automatically call the componentWillReceiveProps method on MyComponent, which I assumed it would. That's fine, but how do explicitly tell the component to update? I gather setState() is done internally within the component.

Answer 1

Okay, found it: looks like setProps was added for this very purpose, eg

var myComponent = React.render(
   <MyComponent data={myVar} />,
   document.getElementById("element")
);

// ... later on ...

myComponent.setProps({ data: 'newData' });