Как получить значения строки запроса URL-адреса в ответном маршрутизаторе с помощью Redux

Question

У меня есть URL-адрес, как показано ниже, с различными значениями запроса.

http://localhost:3000/product/?id=123&name=test 

Я работаю над изоморфным применением с использованием redux, реагирую. Итак, я запускаю действие, и могу ли я знать, как я могу получить эти значения строки запроса в файле действий reducex?

export function getProductData(params) { 

    debug('Action Requested:' + params); 

    return { 
    type: GET_PRODUCT_DATA, 
    promise: request.get(API_URL + params.productId) 
    } 
}; 

Потому что в действии я запускаю вызов API, и мне нужен этот идентификатор из значения querystring.

Answer 1

Параметры из URL в соответствии с вашими маршрутов распространяются на компоненты с помощью props.params , так что если у вас есть маршруты как

<Route path="/product/:productid" component={Product} /> 

вы можете получить доступ к ProductID из Product компонента с помощью реквизита и передать его в действии:

const Product = (props) => 
    <div> 
    <button onClick={e => props.getProductData(props.params)}>Do Some Action</button> 
    </div>; 

где props.params содержит все параметры, которые определяют в маршруте. в нашем случае значение productid будет в props.params.productid.

Answer 2

Если вы используете React-маршрутизатор, идти вперед и получить доступ к ним через props.location.query

Будет ли в конечном итоге выглядит что-то вроде:

const Product = (props) => 
    <div> 
    <button onClick={e => props.getProductData(props.location.query)}>Do Some Action</button> 
    </div>;