Есть пример кода (библиотеки, котоирую я использую).
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()
};
.....
Что я не так делаю?
На сайте мне необходима функция цветовой пипетки, то есть возможность скопировать цвет пикселя, который находится под курсором
У меня есть скрипт выбора цвета, который задает цвет нужного элемента:
Вопрос касается JS + SVGДолго думал сюда написать, но уже несколько дней не могу найти решение, прошу помочь разобраться