我有点反应,并认为在构造函数中,使用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"}
,但不知道为什么这对我不起作用。