Реквизит массива навигации React

Реагировать-навигация перемещаться по массиву неожиданных токенов?

const { navigate } = this.props.navigation;
navigate('Properties', { 
    list.map((item) => {
       ["module"+item.id]:this.state["module"+item.id]
    }) 
});

Возвращает ошибку:

Unexpected token, expected ";"

3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
1
0
296
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Параметры навигации должны быть в формате объекта, поэтому вам нужно добавить ключ

navigate('Properties', { someKey: list.map((item) => { ... }) });

спасибо ответ. key ["module"+item.id]: - значение this.state["module"+item.id] Переменный ключ.

Veri Merkezi 22.05.2019 16:29

Я не понимаю вашего ответа, пожалуйста, объясните.

moritzw 22.05.2019 16:34

@VeriMerkezi он говорит заменить someKey на ваш ключ, а не на то, что в list.map

Mike M 22.05.2019 17:21
Ответ принят как подходящий

Во-первых, когда вы предоставляете стрелочную функцию с одним выражением, которая возвращает объект, вы должны заключить этот объект в круглые скобки, иначе интерпретатор считает фигурные скобки блоком, а не корнем объекта.

list.map((item) => ({
   ["module"+item.id]: this.state["module"+item.id]
}))

Во-вторых, похоже, что вы пытаетесь создать объект params из списка значений.
Но результатом написанного вами map является список объектов, а не объект.

Один из способов создать этот объект — использовать функцию reduce:

list.reduce((accumulator, current) => (Object.assign(accumulator, {["module"+current.id]: this.state["module"+current.id]})), {});

Но, возможно, более эффективным и простым способом было бы просто сделать это с локальным побочным эффектом:

function prepareParams(list) {
  let result = {};
  list.forEach(item => result["module"+item.id] = this.state["module"+item.id]);
  return result;
}

И затем в вашей навигации:

navigate('Properties', prepareParams(list));

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