Можно ли разобрать и передать в презентационную компоненту из контейнерной — сразу два массива?

Question

[Dolerum]

Здравствуйте.
Хочу изящно передать два массива, которые приходят с сервера в большом json'e. Они как бы там через запятую - {//// other///, array1:[{}], array2:[{}] ///other////}
Но не знаю, какие методы использовать и можно ли вообще нормально написать такой код, без костылей? Обычным map'ом тут не обойдешься вроде.
Подскажите примерную реализацию.

Comments

[Роман Александрович]

const dataFromServer = {//// other///, array1:[{}], array2:[{}] ///other////}
const needData={array1:dataFromServer.array1, array2:dataFromServer.array2} //так не изящно?
<YourComponent needData={needData} />

[Алексей Уколов]

В одном пропе нужно передать, в этом проблема?

[Алексей Уколов]

Роман Александрович, ещё фигурных скобок не хватает вокруг.

[Роман Александрович]

Алексей Уколов, я не знаю что автор подразумевает под словом изящно.

[Алексей Уколов]

Роман Александрович, я зато поразумеваю, что у вас код невалидный :)

[Роман Александрович]

Алексей Уколов, я это понял

[Dolerum]

Алексей Уколов, как-нибудь слить эти два массива в один, если это возможно и применить map(), через колбеки передав сразу нужные данные на отрисовку(чтобы не дергать map в тупой компоненте). Как-то так.

Answer 1

[Алексей Уколов]

[...credits.cast, ...credits.crew].map((person) => person.name)

Comments

[Dolerum]

Спасибо, но это не совсем то.
Я немного затупил, описывая что хочу.
Ключи у этих двух массивов одинаковые(мне нужно получить доступ и к array1.name и к array2.name). Поэтому сливая это в один неразличмый массив, я не смогу получить доступ к данным. Мб можнно это в двух пропах передать? Может тут reduce можно использовать? Хз даже.

[Алексей Уколов]

У массива не может быть ключа name. Речь про объекты? Покажите настоящий код.

[Dolerum]

Алексей Уколов, ага, про обьекты. Имелось ввиду ключ обьекта, который находится в массиве.

[Dolerum]

{"credits":{"cast":[{"cast_id":3,"character":"Andy Dufresne","credit_id":"52fe4231c3a36847f800b131","gender":2,"id":504,"name":"Tim Robbins","order":0,"profile_path":"/9DujxnBMVkizaeIyM0eXPMfXxR.jpg"},{"cast_id":4,"character":"Ellis Boyd \"Red\" Redding","credit_id":"52fe4231c3a36847f800b135","gender":2,"id":192,"name":"Morgan Freeman","order":1,"profile_path":"/oGJQhOpT8S1M56tvSsbEBePV5O1.jpg"},{"cast_id":5,"character":"Warden Samuel Norton","credit_id":"52fe4231c3a36847f800b139","gender":2,"id":4029,"name":"Bob Gunton","order":2,"profile_path":"/b3NfI0IzPYI40eIEtO9O0XQiR8j.jpg"}]}, 
"crew:[{"credit_id":"52fe4231c3a36847f800b153","department":"Sound","gender":2,"id":153,"job":"Original Music Composer","name":"Thomas Newman","profile_path":null},{"credit_id":"5c7c6ad80e0a2632130dbe86","department":"Sound","gender":2,"id":153,"job":"Conductor","name":"Thomas Newman","profile_path":null}]}

Что-то подобное с сервера приходит. Нужен массив cast и crew.
В реакт коде ничего особенного. Обычная контейнерная компонента, которая отрисовывает презентационную.

[Алексей Уколов]

Дополнил ответ.