Question

在我的应用程序中，有两个功能，带有单选按钮的表单和一个提交按钮。

//function that adds the selected image format to the state

handleImageFormatExportSelection(e) {
    this.setState({ ImageFormatExportSelection: [e.target.value] }, () => console.log('export image as:', this.state.ImageFormatExportSelection));
}

//function that exports image in JPG format
exportJPG(e) {...}

//function that exports image in PNG format
exportPNG(e) {...}

render() {
  return (

    <form onSubmit={this.handleFormSubmit}>
      <div className="exportAs">
        <CheckboxOrRadioGroup
          title={'Export image as:'}
          setName={'exports'}
          controlFunc={this.handleImageFormatExportSelection}
          type={'radio'}
          options={this.state.exportOptions}
          selectedOptions={this.state.ImageFormatExportSelection} />
      </div>

      <button onClick={() => this.exportImage()}>Submit</button>
    </form> 
  );
}

当用户单击按钮时，调用exportJPG或exportPNG（基于单选组中的选定选项）的正确方法应该是什么？

在此先感谢您的帮助！

Answer 1

在def f2(a): if len(a)==1: return a else: return np.append(f2(a[:-1])+np.append([1],f2(a[:-1])[:-1])*a[-1],[a[-1]*f2(a[:-1])[-1]])内，只需取exportImage的值，并以此为基础进行分支。

ImageFormatExportSelection

注意事项，您在按钮上有一个if (this.state.ImageFormatExportSelection === "png") { // or whatever it is this.exportPNG() } else { this.exportJPG() }处理程序，在表单上有一个onClick处理程序-您可能希望这两件事成为或做同一件事。如果您使用的是表单包装器，则可能有一个onSubmit道具可以帮助您解决此问题-否则，请在按钮上使用submit并放下type="submit"

ReactJS：提交表单并根据单选按钮选择调用函数

1 个答案: