Method 1: 将属性值直接赋值为两个变量。

const Hello = (props) => {
  const name = props.name
  const age = props.age
	...
}

Method 2: 利用ES6添加的特性,在赋值时从对象和数组中解构(Destructuring)提取和收集对象属性的值到单独的变量。

const Hello = (props) => {
  const { name, age } = props
	...
}

Method 3: 传递给组件的props直接解构为变量。

const Hello = ({ name, age }) => {
  ...
}