Question

现有代码（无错误边界）：

import * as React from 'react'
import { TableHeader } from './TableHeader'

export const Table = ( { children, title='' } ) => {

  return (
      <div>
        <TableHeader>{title}</TableHeader>
        {children}
      </div>
  )

}

新代码（带有错误边界）：

import * as React from 'react'
import { TableErrorBoundary } from '../ErrorBoundaries/Table'
import { TableHeader } from './TableHeader'

export const Table_ = ( { children, title='' } ) => {

  return (
      <div>
        <TableHeader>{title}</TableHeader>
        {children}
      </div>
  )

}

export const Table = (props) => {
  return (
    <TableErrorBoundary>
      <Table_ {...props} />
    </TableErrorBoundary>
  )
}

这只是为了减少代码的影响，无论使用Table组件的人员都不会进行任何更改，并且我们仍然有错误边界。但是，这不起作用。

有什么主意吗？

Answer 1

我需要更多信息。 “不工作”是什么意思？什么都没出现，没有发现错误？您可以为错误边界发布代码吗？确保您有反应v16.x

为什么用错误边界包装功能组件不起作用？

1 个答案: