DD
return <>{children}</> попробуй
помогло, спасибо, не сталкивался с таким еще
React.Node = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined, а компонент react не может возвращать undefinedSize: a a a
2021 January 25
DS
это не совсем косяк в TS,
DS
если компонент предпологает, что children всегда есть - можно сделать что-то типа {children: NonNullable<$React.Node>}
DS
( может есть лучше вериант)
EM
не вижу проблемы с фрагментом, можно конечно чекать на undefind и возвращать null, но если я не ошибаюсь там еще есть проблема со строками
DS
дело не в проблеме, а в логике компонента, я описал кейс когда компонент обязательно ждет children
DS
если задача просто успокоить TS, то ничего плохого в решении с фрагментом нету
EM
@Sinled просто возвращай всегда JSX.Element, если строки или undefind оборачиваешь в фрагмент, это универсальное решение не зависимо от логики компонента
DB
DD
если компонент предпологает, что children всегда есть - можно сделать что-то типа {children: NonNullable<$React.Node>}
это было первое что я попробовал, пробовал еще children || null но так тоже не работало
EM
Имеется в виду, что если компонент Test ожидает всегда, что у него есть children, то стоит в его пропах это описать
очевидно, но вопрос изначально в другом)
DS
это было первое что я попробовал, пробовал еще children || null но так тоже не работало
я мог не правильно описать как избавится от undefiend, но если сделать это правильно - решит вопрос
DS
очевидно, но вопрос изначально в другом)
вопрос был о том почему ругается TS
DD
я мог не правильно описать как избавится от undefiend, но если сделать это правильно - решит вопрос
я правильно понял?
?
const Test: FC<{
children: React.ReactNode;
}> = ({ children }) => {
const { systemErrors, runtimeErrors } = useErrorService();
const hasNoCriticalErrors = isEmpty(systemErrors) && isEmpty(runtimeErrors);
if (hasNoCriticalErrors) {
return children;
}
return <ErrorPage systemErrors={systemErrors} runtimeErrors={runtimeErrors} />;
}; ?
DD
так и c nonNullable тоже не работает
DS
type PropsT = {
children: NonNullable<ReactNode>,
}
const Test: FC<PropsT> = ({ children }) => {
const { systemErrors, runtimeErrors } = useErrorService();
const hasNoCriticalErrors = isEmpty(systemErrors) && isEmpty(runtimeErrors);
if (hasNoCriticalErrors) {
return children;
}
return <ErrorPage systemErrors={systemErrors} runtimeErrors={runtimeErrors} />;
};
children: NonNullable<ReactNode>,
}
const Test: FC<PropsT> = ({ children }) => {
const { systemErrors, runtimeErrors } = useErrorService();
const hasNoCriticalErrors = isEmpty(systemErrors) && isEmpty(runtimeErrors);
if (hasNoCriticalErrors) {
return children;
}
return <ErrorPage systemErrors={systemErrors} runtimeErrors={runtimeErrors} />;
};
DS
как то так
DS
так и c nonNullable тоже не работает
поигрался с TS. и похоже, что какая-то проблема в типизации все же есть, так и не получилость сделать компонент с required children
DS
DS
странные вещи происходят