Есть пример кода (библиотеки, котоирую я использую).
handleInsertButtonClick = (onClick) => {
console.log('This is my custom function for InserButton click event');
onClick();
}
createCustomInsertButton = (onClick) => {
return (
<InsertButton
btnText='CustomInsertText'
btnContextual='btn-warning'
className='my-custom-class'
btnGlyphicon='glyphicon-edit'
onClick={ () => this.handleInsertButtonClick(onClick) }/>
);
}
//...
const options = {
insertBtn: this.createCustomInsertButton
};
//...
<BootstrapTable data={rows} options={options} insertRow>
Но я использую другой стиль и пытаюсь сделатьт то же под мой стиль. Но выпадает ошибка: Invalid prop options.insertBtn of type object supplied to BootstrapTable, expected function.
Пишу так:
class TableComponent extends Component {
constructor(props) {
super(props);
this.createCustomInsertButton = this.createCustomInsertButton.bind(this);
this.handleInsertButtonClick = this.handleInsertButtonClick.bind(this);
}
createCustomInsertButton(onClick) {
return (
<InsertButton
btnText='CustomInsertText'
btnContextual='btn-warning'
className='my-custom-class'
btnGlyphicon='glyphicon-edit'
onClick={ this.handleInsertButtonClick(onClick) }/>
);
}
render() {
const options = {
insertBtn: this.createCustomInsertButton()
};
.....
Что я не так делаю?
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости