Помощник неизменности - setState

Мне нужно обновить состояние с помощью функции обновления помощника неизменяемости, но я не могу сделать это должным образом. Пожалуйста, помогите мне это сделать.

Кроме того, вы можете рассказать мне, как обойтись без функции обновления. Все в порядке.

Мой объект начального состояния

state = {
  markers: [
    {
      key: 1,
      latlng: {
        latitude: 40.3565,
        longitude: 27.9774
      }
    } 
  ]

И мой ответ jsonResponse:

[{"latlng":{"latitude":"40.3565","longitude":"27.9774"}},{"latlng":{"latitude":"40.3471","longitude":"27.9598"}},{"latlng":{"latitude":"40","longitude":"27.9708"}}]

Теперь я хочу добавить все данные из responseJson в состояние с неизменяемой функцией обновления помощника или без нее, как я могу это сделать.

Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
0
0
259
1

Ответы 1

Сначала отредактируйте свой ответ:

let response = [{"latlng":{"latitude":"40.3565","longitude":"27.9774"}},{"latlng":{"latitude":"40.3471","longitude":"27.9598"}},{"latlng":{"latitude":"40","longitude":"27.9708"}}]




response = response.reduce((prev,curr,index)=>{
  curr.key = index;
  prev.concat(curr)
},[]);

Во-вторых, создайте начальное состояние на редукторе следующим образом:

 state = Map({
markers: List()
})

Наконец, отредактируйте свой редуктор:

[FETCH_MARKERS_SUCCESS]: (state, action) => state.merge(action.payload, {loading: false}),

но я не знаю о редуксе

Engin Yilmaz 19.04.2018 13:21

Другие вопросы по теме