目錄
React 組件通信(props)
React 組件通信(props)是 React 的一個重要概念，它可以讓你在不同的組件之間傳遞資料，並且可以讓你在組件之間共享資料。
在 React 中，你可以使用 props 來傳遞資料，props 是一個物件，它可以包含任何資料，例如字串、數字、陣列、物件等等。
舉個例子，假設你有一個組件叫做 MyComponent，你可以使用 props 來傳遞資料給它：
<MyComponent name="John" age={30} />
在這個例子中，我們傳遞了兩個 props 給 MyComponent，一個是 name，一個是 age。
在 MyComponent 中，你可以使用 this.props 來存取這些資料：
class MyComponent extends React.Component {
render() {
return (
<div>
<h1>Hello, {this.props.name}!</h1>
<p>You are {this.props.age} years old.</p>
</div>
);
}
}
在這個例子中，我們使用 this.props.name 來取得 name 的值，使用 this.props.age 來取得 age 的值。
另外，你也可以使用 props 來傳遞函式，例如：
<MyComponent onClick={this.handleClick} />
在 MyComponent 中，你可以使用 this.props.onClick 來存取這個函式：
class MyComponent extends React.Component {
handleClick() {
// Do something...
}
render() {
return (
<div>
<button onClick={this.props.onClick}>Click Me!</button>
</div>
);
}
}
總結來說，React 組件通信(props)可以讓你在不同的組件之間傳遞資料，並且可以讓你在組件之間共享資料。它可以包含任何資料，例如字串、數字、陣列、物件等等，甚至是函式。
推薦閱讀文章
React Props Explained in Simple Terms
Getting Started with React Props
How to Pass Props to a React Component
React Props Composition
Using Props in React</a