Я строю библиотеку пользовательского интерфейса с React. Мы используем API детей и некоторые дети.const listItems = React.Children.map(children, (child) => {
if (React.isValidElement(child) && child.type === ListItem) {
return React.cloneElement(child);
}
});
< /code>
Это прекрасно работает в клиентских компонентах, но пользователи сообщают, что он ломается в компонентах сервера React. Сравнение Child.Type === ListItem не выполняется, вероятно, из-за различий в разрешении модулей между сервером и клиентом. < /P>
Я знаю, что API детей несколько наследится, и переключение на рендеринг-реквизиты может быть лучшим долгосрочным решением, но это потребовало бы нарушения изменений для многих компонентов. child.type сравнение, чтобы он работал внутри компонента сервера React? Или переход на другой шаблон единственное жизнеспособное решение? < /P>
Любая идея будет оценена! src = "https://i.sstatic.net/ajg2qqw8.png"/>
Подробнее здесь: https://stackoverflow.com/questions/794 ... -component
Как правильно сравнить child.type в компоненте сервера React? ⇐ Javascript
Форум по Javascript
-
Anonymous
1741352466
Anonymous
Я строю библиотеку пользовательского интерфейса с React. Мы используем API детей и некоторые дети.const listItems = React.Children.map(children, (child) => {
if (React.isValidElement(child) && child.type === ListItem) {
return React.cloneElement(child);
}
});
< /code>
Это прекрасно работает в клиентских компонентах, но пользователи сообщают, что он ломается в компонентах сервера React. Сравнение Child.Type === ListItem не выполняется, вероятно, из-за различий в разрешении модулей между сервером и клиентом. < /P>
Я знаю, что API детей несколько наследится, и переключение на рендеринг-реквизиты может быть лучшим долгосрочным решением, но это потребовало бы нарушения изменений для многих компонентов. child.type сравнение, чтобы он работал внутри компонента сервера React? Или переход на другой шаблон единственное жизнеспособное решение? < /P>
Любая идея будет оценена! src = "https://i.sstatic.net/ajg2qqw8.png"/>
Подробнее здесь: [url]https://stackoverflow.com/questions/79492241/how-to-properly-compare-child-type-in-a-react-server-component[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия