Как в react определить массив в конструкторе одного класса, а обратиться к нему в другом классе?

97
02 января 2022, 13:50

Я хочу опредеить массив в 1 классе, а перебрать его методом map и вывести в другом классе. 1 класс. Пример массива [1,2,3,4]

2 класс. {myawesomearray.map((item, index) => <li key={index}>{item}</li>)}

Answer 1

Передача данных с одного компонента в другой - это база React. 1. С помощью props. https://ru.reactjs.org/docs/components-and-props.html Когда объявляете в родительском компонента дочерний, то передаете в его параметры этот массив

<NewCopmponent array={array} /> //передали параметры

Теперь используем:

class NewComponent extends React.Component {
  render() {
    return <h1>Привет, {this.props.array}</h1>;
  }
}

Также, параметры можно передавать с помощью Контекста https://ru.reactjs.org/docs/context.html

и с помощью библиотеки Redux или хука useReducer + useContext, но это уже если неудобно через пропсы или много компонентов прокладок.

READ ALSO
Получить все URL страницы сайта (500+)

Получить все URL страницы сайта (500+)

Доброе время суток господаПодскажите как можно реализовать (желательно php, или js) или может уже реализована задача: получить в файл все URL страницы...

144
Стриминг динамических веб-страниц с сервера на Ubuntu

Стриминг динамических веб-страниц с сервера на Ubuntu

Веду разработку сервиса, который позволяет создавать "живые счетчики" (например, показывающие сколько осталось секунд до наступления того...

151
Как создать функцию для добавления нового объекта в массив

Как создать функцию для добавления нового объекта в массив

Создать массив «Список покупок»Каждый элемент массива является объектом, который содержит название продукта, необходимое количество и куплен...

184
Использование компонентов Vue

Использование компонентов Vue

У меня есть компонент(в этом случае не важно какой, важна суть), в котором что-то записано в template, все по дефолту

179