diff --git a/addons/knobs/package.json b/addons/knobs/package.json index f6544cde4e57..dad2a9fc1428 100644 --- a/addons/knobs/package.json +++ b/addons/knobs/package.json @@ -34,7 +34,7 @@ "style-loader": "^0.19.0", "typescript": "^2.6.1", "typescript-definition-tester": "^0.0.5", - "vue": "^2.5.5" + "vue": "^2.5.6" }, "peerDependencies": { "react": "*", diff --git a/addons/knobs/src/components/PropForm.js b/addons/knobs/src/components/PropForm.js index ae5f89776b97..0a76f713c0e6 100644 --- a/addons/knobs/src/components/PropForm.js +++ b/addons/knobs/src/components/PropForm.js @@ -20,14 +20,11 @@ const stylesheet = { }; export default class propForm extends React.Component { - constructor() { - super(); - this._onFieldChange = this.onFieldChange.bind(this); - } - - onFieldChange(name, type, value) { - const change = { name, type, value }; - this.props.onFieldChange(change); + makeChangeHandler(name, type) { + return value => { + const change = { name, type, value }; + this.props.onFieldChange(change); + }; } render() { @@ -36,8 +33,7 @@ export default class propForm extends React.Component { return (
{knobs.map(knob => { - // eslint-disable-next-line react/jsx-no-bind - const changeHandler = this.onFieldChange.bind(this, knob.name, knob.type); + const changeHandler = this.makeChangeHandler(knob.name, knob.type); return (