Как передать массив объектов из одного компонента в другой в react.js?

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

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

Как передать массив объектов из одного компонента в другой в react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от marlen , 5 месяцев назад

@autumn_parker 

Есть несколько способов передачи массива объектов из одного компонента в другой в React.js:

  1. Передача в качестве пропса: В компоненте, откуда вы хотите передать массив объектов, вы можете передать его как пропс в компоненте-ребенке. Пример: import React from 'react'; import ChildComponent from './ChildComponent'; function ParentComponent() { const arrayOfObjects = [ { name: 'Object 1', value: 1 }, { name: 'Object 2', value: 2 }, { name: 'Object 3', value: 3 } ]; return
  2. Использование контекста: Контекст в React используется для передачи данных из верхнего компонента во все его нижестоящие компоненты без явной передачи пропсов. Пример: import React, { createContext, useContext } from 'react'; const ArrayContext = createContext([]); function ParentComponent() { const arrayOfObjects = [ { name: 'Object 1', value: 1 }, { name: 'Object 2', value: 2 }, { name: 'Object 3', value: 3 } ]; return ( ); } function ChildComponent() { const arrayOfObjects = useContext(ArrayContext); // Используйте массив объектов здесь return ( ); } export default ParentComponent;


Оба способа могут быть использованы для передачи массива объектов из одного компонента в другой в React.js. Выберите тот, который лучше подходит для вашего случая использования.