javascript - ReactJS(jsx) 传递参数

Question

我是 react 新手，我想知道为什么参数(a)需要与变量一起传递，例如a.amount，a.date 。这背后的过程和理由是什么？

Answer 1

它的通用名称“props”(在您的组件中它是“a”)。

“Props”是一个对象，它具有传递给组件的所有属性。

例如；

<ExampleComponent isEnabled={true} isClickable={false} />

然后您可以通过两种方式访问​​组件中的这些属性；

1:获取 prop 变量并将其用作对象，就像在示例中所做的那样。 2:销毁组件中的对象以根据需要使用。

const ExampleComponent = ({isEnabled, isClickable}) => {
    return "<></>";
});

了解更多信息:

https://reactjs.org/docs/components-and-props.html