Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

169
Visualizações
Se superó la profundidad máxima de actualización. Esto puede suceder cuando un... problema de la tabla de reacción

Se superó la profundidad máxima de actualización. Esto puede suceder cuando un componente llama repetidamente a setState dentro de componentWillUpdate o componentDidUpdate. React limita la cantidad de actualizaciones anidadas para evitar bucles infinitos.

Las líneas <IndeterminateCheckbox {...getToggleAllRowsSelectedProps()} /> son las que parecen estar causando el problema, pero no tengo idea de por qué. No sé por qué está llamando a setState. Puedo ver a alguien más implementar lo mismo pero funciona bien en su extremo. Permítanme vincularlo https://codesandbox.io/s/flamboyant-hofstadter-mj0jgz?file=/src/App.js:556-953 .

 export const Default = () => { const columns = React.useMemo(() => [ { Header: 'Vocaloid', accessor: 'name' as const } ], []) const data = [ { name: 'Miku' }, { name: 'Luka' }, { name: 'Ren' }, { name: 'Len' }, ] const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow, } = useTable( { columns, data, }, useRowSelect, hooks => { hooks.visibleColumns.push(columns => [ // Let's make a column for selection { id: 'selection', // The header can use the table's getToggleAllRowsSelectedProps method // to render a checkbox Header: ({ getToggleAllRowsSelectedProps } : any) => ( <div> <IndeterminateCheckbox {...getToggleAllRowsSelectedProps()} /> </div> ), // The cell can use the individual row's getToggleRowSelectedProps method // to the render a checkbox Cell: ({ row }) => ( <div> <IndeterminateCheckbox {...row.getToggleRowSelectedProps()} /> </div> ), }, ...columns, ]) } ) // Render the UI for your table return ( <Table {...getTableProps()}> <thead> {headerGroups.map(headerGroup => ( <tr {...headerGroup.getHeaderGroupProps()}> {headerGroup.headers.map(column => ( <th {...column.getHeaderProps()}>{column.render('Header')}</th> ))} </tr> ))} </thead> <tbody {...getTableBodyProps()}> {rows.slice(0, 10).map((row, i) => { prepareRow(row) return ( <tr {...row.getRowProps()}> {row.cells.map(cell => { return <td {...cell.getCellProps()}>{cell.render('Cell')}</td> })} </tr> ) })} </tbody> </Table> )
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda