Могу я использовать Math.random
для rowKey
внутри rc-table
?
Почему он запускается в бесконечный цикл после обновления компонента, если я установил значение rowKey
Math.random
?
import React from 'react';
import RcTable from 'rc-table';
class Folder extends React.Component {
constructor(props) {
super(props);
this.state = {
update: false,
};
}
componentDidMount() {
var id = setInterval(() => {
clearInterval(id);
this.setState({
update: !this.state.update,
});
}, 4000);
}
renderTable() {
const columns = [
{
title: 'name',
dataIndex: 'name',
key: 'name',
width: 280,
},
];
const data = [
{
name: '12',
id: 1,
},
{
name: '123',
id: 2,
},
{
name: '1245',
id: 3,
},
{
name: '12345',
id: 4,
},
];
return <RcTable data={data} columns={columns} rowKey={() => Math.random()} />
}
render() {
return (
<div>
{this.renderTable()}
</div>
);
}
}
export default Folder;
Сначала он работает нормально. Но при обновлении компонента Uncaught RangeError: Maximum call stack size exceeded
будет выдана ошибка.
Если я изменю rowKey
наid
, все будет в порядке.
Почему это вызовет бесконечный цикл обновления ?
Как указано здесь
Таким образом, в вашем компоненте вы не можете использовать
Random Number
Которая является функцией и не возвращает ничего, кроме
void
.The
rowKey
must be validkey
used by thetable
.Это может быть причиной для вашего
Stack error