react - this =未定义，如何将属性传递到我的函数中

在React中，当我们将属性传递给函数组件时，我们可以通过props参数来接收这些属性。

例如，如果我们有一个名为MyComponent的函数组件，并且想要将属性name传递给它，我们可以这样做：

function MyComponent(props) {
  return <div>Hello, {props.name}!</div>;
}

ReactDOM.render(<MyComponent name="John" />, document.getElementById('root'));

在上面的例子中，我们将name属性传递给MyComponent组件，并在组件内部通过props.name来访问它。最终渲染的结果将是一个包含"Hello, John!"文本的div元素。

如果我们想要在函数组件内部使用属性的特定值，我们可以将其分配给一个变量，然后在组件中使用该变量。例如：

function MyComponent(props) {
  const { name } = props;
  return <div>Hello, {name}!</div>;
}

ReactDOM.render(<MyComponent name="John" />, document.getElementById('root'));

在上面的例子中，我们使用解构赋值将props.name分配给名为name的变量，并在组件中使用该变量。

总结一下，要将属性传递给函数组件，我们可以通过props参数来接收它们，并在组件内部使用props来访问和操作这些属性的值。