Почему в компонент передают массив с данными через обьект?

Question

[Rapen]

Собственно есть функциональный компонент? Что это значит, почему передовая в этот компонент массив с данными нужно его помещать в обьект? Это новая такая замена вместо props? Если напрямую написать arrList, то в функции он просто не будет найден
export const Notes = ({arrList}) => {

Answer 1

[Robur]

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

Если вас фигурные скобочки смущают, можете писать

export const Notes = (props) => { // дальше props.arrList

Answer 2

[Егор Бабинцев]

Погуглите про деструктуризацию объектов в js и поймёте принцип

Comments

[Rapen]

эмм, но диструтуризация не имеет отношения к моему вопросу, и в моей функции происходит расширение литерала обьекта, а не деструктуризация, вот пример:

let key1 = 'hello', key2 = 'world!;
let obj = { key1, key2 };
console.log(obj.key1+obj.key2) // hello world!

[Егор Бабинцев]

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