Я хотел бы создать свой собственный компонент, похожий на Suspense тем, что он будет перехватывать мой собственный объект, который я добавляю в дочерний элемент текущего компонента. Другими словами, я хотел бы создать класс, перехватить его в контексте React и что-то сделать со всем, что поймаю. Я могу сделать это, используя класс ErrorBoundary, предполагая, что мой объект расширяет Error, но если я выдаю что-то кроме ошибки, то компонентDidCatch не вызывается. Я бы хотел не использовать объект Error, а вместо этого использовать класс и перехватывать его в контексте React. Я пробовал использовать пользовательские события, зарегистрированные внутри useEffect, но обработчики являются глобальными и не учитывают всплывание обещания в DOM, как это делает граница Suspense.
import React, { type ReactNode } from "react"
type Props = {
children?: ReactNode;
}
class SidePaneEvent extends Error {
id: number;
constructor(id: number) {
super("")
this.id = id;
}
}
class SidePaneBoundary extends React.Component {
constructor(props: Props) {
super(props);
}
componentDidCatch(event: Error) {
if(event instanceof SidePaneEvent) {
console.log(event.id)
}
}
render() {
return this.props.children;
}
}
function App() {
return (
{ throw new SidePaneEvent(1); }}>Send SidePaneEvent
)
}
export default App
Подробнее здесь: https://stackoverflow.com/questions/798 ... t-an-error
