Всем привет) Вопрос по разбору JSX'а: От чего зависит интерпретация JSX

Question

Всем привет) Вопрос по разбору JSX'а: От чего зависит интерпретация JSX

"какой атрибут засунуть в итоговый DOM, а какой нет?" Что почитать на эту тему, что гуглить?

Задумался, увидев одну штуку, кратко на двух примерах:
1) атрибут попадёт в DOM:
- дочернему реакт-компоненту передаю неизвестный пропс count
- в дочернем компоненте аргументом принимаю единый объект props. props.count успешно используется в дочернем, тут все ок
- в devtools в HTML-элементе виден нежелательный атрибут count

2) атрибут не попадёт в DOM:
- дочернему компоненту передаю неизвестный пропс count
- в дочернем компоненте деструктурирую пропсы, например,
{ count, ...props }, и использую как count
- в devtools в HTML-элементе внезапно больше нет нежелательного атрибута

как, нафиг?)

#frontend #javascript #programming #react.js #russian

0

28.08.2020

3 ответов

12 просмотров

Тимофей 🛴

https://pomb.us/build-your-own-react/

0

28.08.2020

Artur Barmin Автор вопроса

Код Родитель для обоих вариантов: const ParentComponent = () => ( <ChildComponent count={number} active={status} className={classes.someClass} /> ); Вариант 1. className - с ним всё ок, а вот count и active попадут в итоговый DOM, если пропсы не разворачивать, как здесь: const ChildComponent = (props) => ( <div count={props.count} active={props.active} {...props} /> ); Вариант 2. Но в DOM уже не будет непонятных атрибутов count и active, если деструктурировать пропсы: const ChildComponent = ({ count, active, ...props }) => ( <AnotherComponent count={count} active={active} {...props} /> );

0

28.08.2020

Ivan 🧑‍🚀 · Accepted Answer

Ivan 🧑‍🚀

Ты бы лучше 10 строк кода написал, чем 20 текста

0

28.08.2020

169 похожих чатов

Всем привет) Вопрос по разбору JSX'а: От чего зависит интерпретация JSX

3 ответов

Похожие вопросы