我正在使用一個光滑的輪播組件來顯示不同頁面的產品，所以我需要從父組件設定它的標題：類似于<Component title="Products" />
這是我的jsx檔案的基本結構，我們可以用下面這樣的簡單方法嗎？
父.jsx：
const Parent = () => {
return (
<Component title="Products" />
);
}
export default Parent;
組件.jsx：
const Component = () => {
return (
<h3>
{title}
</h3>
);
}
export default Component;
uj5u.com熱心網友回復：
您可以通過props將資料從父組件傳遞給子組件：
const Parent = () => {
return (
<Component title="Products" />
);
}
export default Parent;
Component.jsx:
const Component = ( props ) => {
return (
<h3>
{props.title}
</h3>
);
}
export default Component;
uj5u.com熱心網友回復：
您需要像這樣訪問標題引數
解構引數
const Component = ({title}) => {
return (
<h3>
{title}
</h3>
);
}
export default Component;
或者像這樣
props范圍
const Component = (props) => {
return (
<h3>
{props.title}
</h3>
);
}
export default Component;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/449372.html
標籤：javascript 反应
上一篇：如何使用MUI分頁？
下一篇：找不到檔案：'Chart.js'與磁盤上的相應名稱不匹配：'.\node_modules\chart.js\dist\chart.js'