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

Пользователь

от terrence , в категории: JavaScript , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от marshall.cummings , 7 месяцев назад

@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), поэтому вы не должны изменять их внутри компонента.