如何从ReactJS中的URL传递参数？

Question

I'm passing 2 parameters in URL

I'm using react router to pass the properties.

Check the constructor:

 const { match: { params } } = this.props;

I want to pass the values to async function axios fetch ;

async PaginationlimitPerPage (begin, end, increase) {



    const _URL = "http://localhost:8888/get/material/".concat(params.categoryID,"/", params.subcategoriaID, "?page=", this.state.currentPage);

    console.log(_URL);

The values params it's not passing, how to fix this?

Answer 1

react-router@4 does not perform parsing of querystring. You can however do it yourself.

Currently your are reading the path-parameters, and not querystrings.

import { parse } from 'qs'

/// ----

const { location } = this.props;
const query = parse(location.search.substring(1)))

• https://github.com/ReactTraining/react-router/issues/4410
• https://github.com/ReactTraining/react-router/issues/4527