在React中如何将props传递给子组件?
可以使用父组件通过props将数据传递给子组件。在父组件中使用子组件时,可以在子组件标签中添加属性来传递信息。子组件可以通过this.props访问到父组件传递过来的属性值。例如:
// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends React.Component {
render() {
const name = "React";
return (
<div>
<ChildComponent name={name} />
</div>
);
}
}
// 子组件
import React from 'react';
class ChildComponent extends React.Component {
render() {
return (
<div>
<h1>Hello, {this.props.name}!</h1>
</div>
);
}
}
在上面的例子中,父组件向子组件传递了一个名为name的属性,子组件通过this.props.name访问到了这个属性的值
原文地址: https://www.cveoy.top/t/topic/hmIQ 著作权归作者所有。请勿转载和采集!