Блог

Главная - Вопросы по программированию - Как JSX различает реквизиты, обработчики событий и пользовательские реквизиты?

Как JSX различает реквизиты, обработчики событий и пользовательские реквизиты?

#reactjs #jsx

Вопрос:

Приведем этот пример компонента:

 <SampleComponent
    className={'container'}
    onClick={componentClickHandler}
    someCustomProp={123}
/>

Как JSX узнает, что за опора у каждого «атрибута»?

P.S. Я новичок в реагировании и JSX и приношу извинения, если я неправильно понял какие-либо термины.

Комментарии:

1. насколько я знаю, react не делает различий между реквизитом. React просто передает набор предопределенных реквизитов, таких как className и aria-label (если доступно в этом компоненте), в качестве атрибутов элементу DOM. Подсказка: вам не нужно вставлять строки в фигурные скобки в react.

2. Что вы имеете в виду под «своего рода реквизитом»? На данный момент это в основном просто список пар ключ-значение. Системный код просто выбирает определенные ключи в строке (например, атрибуты, связанные с dom или событиями), и применяет их к созданным элементам dom.

3. спасибо за вклад! основываясь на том, что вы говорите, могу ли я сказать, что React просто отображает реквизиты camelCase в строчные HTML-атрибуты? Есть ли какая-либо документация, объясняющая, как это работает?

Метки: ,