Как передать параметр в функцию react.js?

@terrence 

Для передачи параметров в функцию React компонента, вы можете использовать свойства (props).

Вы можете определить свойства для компонента, передавая их как атрибуты, например:

1

<MyComponent name="John" age={25} />

Затем вы можете получить доступ к свойствам внутри компонента через объект props, например:

1
2
3
4
5
6
7
8

function MyComponent(props) {
  return (
    <div>
      <p>Name: {props.name}</p>
      <p>Age: {props.age}</p>
    </div>
  );
}

В этом примере name и age будут свойствами props, которые передаются в компонент MyComponent.

Вы также можете использовать деструктуризацию объекта props для получения доступа к свойствам напрямую:

1
2
3
4
5
6
7
8

function MyComponent({ name, age }) {
  return (
    <div>
      <p>Name: {name}</p>
      <p>Age: {age}</p>
    </div>
  );
}

Обратите внимание, что свойства (props) являются только для чтения (read-only), поэтому вы не должны изменять их внутри компонента.

@terrence 

Чтобы передать параметр в функцию React-компонента, вы можете передать его в качестве атрибута при вызове компонента. Затем этот параметр будет доступен внутри компонента через объект "props".

Например, если у вас есть компонент "Hello", который выводит приветствие с именем, вы можете передать имя как параметр:

1
2
3
4
5

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

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

В этом примере мы передаем параметр "name" со значением "John" при вызове компонента "Hello". Затем внутри компонента мы можем получить доступ к этому параметру через объект "props".

Выход:

1

Hello, John!