React.js将数据从类组件传递到ReactDOM.render中的另一个组件

Question

我遇到这个问题，如果Foo的状态发生变化，我想更新组件FooBar。我该怎么做？这不起作用。

import React from "react"
import ReactDOM from "react-dom"
import FooBar from "./FooBar"

class Foo extends React.Component {
    constructor() {
       super()
       this.state = { data: [] } 
   } 

   changeData() {
       someCode
   }

   render() {
       return (
           some html
       )
   }
}

ReactDom.render(<Foo />, document.getElementById('Something'))
ReactDom.render(<FooBar data={this.state.data}/>, document.getElementById('SomethingElse'))