将数据从父组件传递到子组件

Question

我正在尝试将某些数据从父容器传递给孩子，但是react不会呈现要传递的数据。相反，“ p”标签上的输出为空白。我在做什么错了？

父容器：

//import Child from ...
class Parent extends Component {
   constructor(props) {
       super(props);
       this.state = {
          text: "DUMMY TEXT"
       }
   }

   render() {
      return(
         <Child data={this.state.text} />
      );
   }
}

子组件：

class Child extends Component {
   render() {
      return(
         <p>{this.props.data}</p>
      );
   }
}