TypeScript curried onChange handler for controlled input

onChangeCurry.tsx

import * as React from 'react';
import { Form, FormControl } from 'react-bootstrap';

interface IMyComponentState = {
  foo: string;
  bar: string;
}

export class MyComponent extends React.Component<{}, IMyComponentState> {
  public state = {
    foo: '',
    bar: '',
  };
  
  public render(): JSX.Element {
    return (
      <Form>
        <FormControl
          onChange={this.onChangeCurry('foo')}
          placeholder="Foo"
          value={this.state.foo}
        />
        <FormControl
          onChange={this.onChangeCurry('bar')}
          placeholder="Bar"
          value={this.state.bar}
        />
      </Form>
    );
  }
  
  @boundMethod
  private onChangeCurry(property: keyof IMyComponentState): (event: React.ChangeEvent) => void {
    return ({ target: { value } }: React.ChangeEvent<HTMLInputElement>): void => {
      this.setState({ [property]: value } as Pick<IMyComponentState, keyof IMyComponentState>);
    };
  }
}