ReactJS(jsx) Passing Parameters

Question

I am new to react and I was wondering why does the parameter (a) need to be passed with variables e.g a.amount, a.date. What is the process and reasoning behind this?

Answer 1

The general name for it "props" (in your component it is "a").

"Props" is an object that has all the properties passed to the component.

For example;

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

Then you can access those properties in your component in two ways;

1: Get the prop variable and use it an object as you do in your example. 2: Destruct the object in your component to use as you want.

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

For more information:

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