项目用了react和typescript，没有用redux

子组件：

//FormGenerator.tsx
<Form.Item>
   {this.renderAction()}
</Form.Item>

public renderAction = () => {
    if (!this.props.actions) return null

    const { validateBeforeSubmit } = this.props.formData
    return this.props.actions(this.props.form, validateBeforeSubmit || null)
  }

父组件：

public render() {
    return (
      <div>
        <FormGenerator
          layout="inline"
          formData={formLabel}
          onSubmit={this.handleSearch}
          actions={this.renderAction}
        />
        
        {this.renderTable()}
        <Modal
          title="添加"
          visible={this.state.addVisible}
          onOk={this.handleAddOK}
          onCancel={this.handleAddCancel}
        >
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
        </Modal>
      </div>
    )
  }

  public renderAction() {
    return (
      <div>
        <Button type="primary" onClick={this.handleAdd.bind(this)}>添加主播</Button>
      </div>
    )
  }

public handleAdd = () => {
    this.setState({
      addVisible: true,
    });
  }

我用bind方法但是报错

Binds are forbidden in JSX attributes due to their rendering performance impact

请问有没有其他不用redux的方法