- props是只读对象(readonly)
根据单项数据流的要求,子组件只能读取props中的数据,不能进行修改 - props可以传递任意数据
数字、字符串、布尔值、数组、对象、函数、JSX
import FileUpdate from './FileUpdate';
export default class App extends React.Component{
constructor(props) {
this.state = {
message: 'this is message'
}
}
const FileUpdateProps = {
...this.props,
message: this.state.message
}
render() {
return (
<FileUpdate {...FileUpdateProps} />
)
}
}
FileUpdate 画面接收props文章来源地址https://www.toymoban.com/news/detail-682919.html
export default class FileUpdate extends React.Component{
constructor(props) {
super(props);
props?.onRef(this);
}
const { message } = this.props;
render() {
return (
<div>{ message }</div>
)
}
}
文章来源:https://www.toymoban.com/news/detail-682919.html
到了这里,关于React:props说明的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!