React Props

---

一、Props是什么？

如果将组件中的数据全部写死，将会导致组件无法动态设置，不具有使用价值。
我们希望组件数据可以由外部设置，在组件间，父组件可以通过props（属性）向子组件传递数据。

1.父组件

代码如下（示例）：

import React from 'react';
import LogItems from './LogItems'
const Logs = () => {
	return <div>
		<LogItems context={"helloworld"}></LogItems>
	</div>
}

2.子组件

代码如下（示例）：

import React from 'react';

const LogItems = (props) => {
	return <div>
		<h1>{{props.context}}</h1>
	</div>
}

在函数组件中，属性就相当于是函数的参数，可以通过参数来访问
可以在函数组件的形参中定义一个props，props指向的是一个对象
它包含了父组件中传递的所有参数