使用draft-js传递给孩子后,道具丢失

时间:2019-05-20 14:17:02

标签: reactjs draftjs

我有点反应,并认为在构造函数中,使用super(props)可以完全接收父母传递的道具。但是,但是我无法从父组件中获取字符串test

因此,在父组件中,我将字符串“ test”作为道具传递

import React from 'react';
import Post from '../components/post';
import "../components/css/post.css"
class Bulletin extends React.Component  {
  render()
  {
      console.log(this.props);
      return (
       <div>
           <Post test={"sent from parent"}/>
       </div>
      );
  }
}

export default Bulletin;

然后在Post.js中,我将道具打印在两个位置:

import React, { Component } from 'react';
export default class Edit extends Component {
    constructor(props) {
        super(props);
        console.log(props);
    }
  render() {
    console.log(this.props);
    return (
      <div className="editor" onClick={this.focus}>

      </div>
    );
  }
}

两个输出都是{className: "editor"},这不是我所需要的。我需要字符串{test: "sent from parent"},但不知道为什么这对我不起作用。

0 个答案:

没有答案