Я строю библиотеку пользовательского интерфейса с 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
