axios 基于条件的API调用

jvlzgdj9  于 2023-08-04  发布在  iOS
关注(0)|答案(1)|浏览(141)

我有一个带有两个值(值1和值2)的下拉列表,并且我有两个API POST调用。我有一个按钮,我想要的是选择值1,如果选择值2,则执行值1的POST调用,执行值2的API post,并显示各自的结果。请指导我如何实现这一点。
我的POST呼叫:

submit(){
      const article = {  model: this.state.model,
        dataset:this.state.course,
        path:this.state.checkbox };

      axios.post('http://localhost:3000/home', article)
        .then(response => this.setState({ s3path: response.data.s3_path , triton_output: response.data.triton_output, confidence: response.data.confidence,
          inference_model:response.data.inference_model, loading: false,
        
        }))
        .catch(error => {
            this.setState({ errorMessage: error.message });
            console.error('There was an error!', error);
        });
        
       this.openModal();
       this.state.loading=true
    }
    submit1(){
      const article = {  model: this.state.model,
        dataset:this.state.course,
        path:this.state.checkbox };

      axios.post('http://localhost:3000/home', article)
        .then(response => this.setState({ x: response.data.x , y: response.data.y_output, height: response.data.height,
          inference_model:response.data.inference_model, loading: false,
        
        }))
        .catch(error => {
            this.setState({ errorMessage: error.message });
            console.error('There was an error!', error);
        });
        
       this.openModal();
       this.state.loading=true
    }

字符串
在这篇文章中,“模型:this.state.model”是选择的下拉值。我需要根据选择的下拉列表值调用API。

lnlaulya

lnlaulya1#

我希望这段代码能解决你的问题;

var Test = React.createClass({
   onClick: function(event){
    if("Dropdown value check")
    {
        func1();
    }
    else{
        func2();
    }

   },
   render: function(){
      return (
         <a href="#" onClick={this.onClick}>Test Link</a>
      );
   }
});

字符串

相关问题