在React中使用props來在組件之間傳遞數據很簡單。以下是一個基本的例子：
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends Component {
state = {
data: 'Hello from Parent'
};
render() {
return (
<div>
<ChildComponent data={this.state.data} />
</div>
);
}
}
export default ParentComponent;
import React from 'react';
const ChildComponent = (props) => {
return (
<div>
<h1>{props.data}</h1>
</div>
);
};
export default ChildComponent;
在上面的例子中，父組件將data作為props傳遞給ChildComponent組件，并在ChildComponent中使用props.data來顯示傳遞的數據。
你也可以在子組件中使用ES6的解構來獲取props中的數據：
const ChildComponent = ({ data }) => {
return (
<div>
<h1>{data}</h1>
</div>
);
};
這樣可以更加簡潔地獲取props中的數據。希望這個例子能幫助你更好地理解如何使用props在React組件之間傳遞數據。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
