Redux로 반응 라우터에서 URL 쿼리 문자열 값에 액세스하는 방법

Question

다음과 같이 여러 가지 쿼리 문자열 값이있는 URL이 있습니다.

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

나는 redux를 사용하는 동형 응용 프로그램에 대해 연구 중입니다. 그래서 나는 행동을 발사하고 내가 어떻게 이러한 쿼리 문자열 값을 redux 액션 파일을 얻을 수 있습니다 알 수 있습니다?

export function getProductData(params) { 

    debug('Action Requested:' + params); 

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

실제로 나는 API 호출을 실행 중이므로 해당 ID가 쿼리 문자열 값에서 필요합니다. 당신의 경로에 따라 URL에서

Answer 1

매개 변수는

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

당신이 소품을 사용하여 Product 구성 요소에서 제품 ID에 액세스하고 행동에 전달할 수있는 것처럼 경로를 가지고 그렇다면 props.params 를 사용하여 구성 요소로 전파된다 :

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

여기서 props.params에는 경로에 정의한 모든 매개 변수가 있습니다. 우리의 경우 productid 값은 props.params.productid이됩니다.

Answer 2

것은 당신 반응 라우터를 사용하는 경우, 가서 그들을 통해 액세스 props.location.query

겠습니까 궁극적으로 보이는 같은 :

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