TimesTableApp.tsx

export class TimesTableApp extends React.Component {
  changeValue = valueName => value => {
    this.setState({ [valueName]: value });
  };

  state = {
    pointCount: 10,
    timesTable: 2,
    lineColor: '#000000',

    setPointCount: this.changeValue('pointCount'),
    setTimesTable: this.changeValue('timesTable'),
    setLineColor: this.changeValue('lineColor'),
  };

  render() {
    return (
      <TimesTableContext.Provider value={this.state}>
        <TimesTable />
        <TimesTableControls />
      </TimesTableContext>
    );
  }
}