如何在现有组件中集成错误边界？

Question

请参见下面的代码：（考虑https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html#introducing-error-boundaries中提供的ErrorBoundary组件）

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

export const DataTable = (props) => {

  const { header, lst1 } = props

  return (
    <TableErrorBoundary>
    <Table header={header}>

      <TableBody>

        <ul>

          { lst1.map( (link, i) => {

            return (

              <li key={i}>
                <a href={...link}/>
              </li>

            )

          }) }

        </ul>

      </TableBody>

    </Table>
    </TableErrorBoundary>
  )

}

故意地，我们没有将lst1作为属性传递-这样我们就可以模拟失败。 但是，似乎集成无法正常工作，我的应用程序完全无法加载。 -相反，它不应加载表组件。