Javascript 反应轴形

我的React应用程序有一些问题。我正在尝试获取axios请求，但get请求从未给出任何错误或任何东西，只是不起作用。 它在控制台中给出一个输入值，但在网络中，并没有请求。 这就是代码的样子

这是index.js

import React, {Component} from "react";
import axios from 'util/Api';
import ProductSearch from "./ProductSearch";


import IntlMessages from "util/IntlMessages";

class SamplePage extends Component {
    onSearchSubmit(url){
        axios.get('scrap', {
            url: {query: url}
        });
    }
    render(){
        console.log(this);
        return (
            <div className="ui container" style={{ marginTop: '10px'}}>
                <ProductSearch onSubmit={this.onSearchSubmit} />
            </div>
            );
    }
}

export default SamplePage;

---

在

ProductSearch.js

中，您没有调用

IntlMessages

组件传递的

onSubmit

props方法。尝试调用

onFormSubmit（）

方法中的

onSubmit（）

方法

import React from 'react';
import {Card, Input} from "antd";

const Search = Input.Search;

class ProductSearch extends React.Component{
    state = { url: '' };

    onFormSubmit = (event) => {
        event.preventDefault();
        this.props.onSubmit(this.state.url)
    }

    handleOnChange = (e, { name, value }) => this.setState({ [name]: value });

    render(){
        return (
                <Card className="gx-card" title="Search Box">
                <form onSubmit={this.onFormSubmit}>
                  <Search
                    placeholder="Product Link: ex. http://www.aliexpres.com/item/name/id.html"
                    onSearch={value => console.log(value)}
                    enterButton="Submit"
                    name="url"
                  />
                  </form>
                </Card>
            );
        }
}

export default ProductSearch;

---

绑定或箭头

onSearchSubmit

，在

onFormSubmit

中使用

this.props.onSubmit（）

-没有axios响应处理我这样更改了它，但仍然注意到。

import axios from 'axios';

export default axios.create({
  baseURL: `http://localhost:8000/api/`,
  headers: {
    'Content-Type': 'application/json',
  }
});

import React from 'react';
import {Card, Input} from "antd";

const Search = Input.Search;

class ProductSearch extends React.Component{
    state = { url: '' };

    onFormSubmit = (event) => {
        event.preventDefault();
        this.props.onSubmit(this.state.url)
    }

    handleOnChange = (e, { name, value }) => this.setState({ [name]: value });

    render(){
        return (
                <Card className="gx-card" title="Search Box">
                <form onSubmit={this.onFormSubmit}>
                  <Search
                    placeholder="Product Link: ex. http://www.aliexpres.com/item/name/id.html"
                    onSearch={value => console.log(value)}
                    enterButton="Submit"
                    name="url"
                  />
                  </form>
                </Card>
            );
        }
}

export default ProductSearch;

onSearchSubmit(url){
    axios.get('scrap', {
        params: {query: url}
    });
}