URL을 사용하여 매개 변수 전달 매개 변수

React 응용 프로그램을 개발 중입니다. 사용자가 목록보기에서보기 단추를 클릭하면 item_id가있는보기 페이지로 리디렉션됩니다. 나는이 하이퍼 링크 (<> 태그) 태그를 사용하려고했지만 클릭 한 행의 item_id로 탐색하지 않습니다. 반응에 URL이있는 매개 변수를 전달하는 방법을 알고 싶습니다.URL을 사용하여 매개 변수 전달 매개 변수

이것은 내가 시도한 코드입니다. react-router에서

<a className="btn btn-info btn-xs" href={'/#/fld-view/:id'} title="View"><span className="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>

출처

2016-09-08 Shashika

당신이 사용해야합니다 반응 라우터 –

를 조사해야한다 반응 라우터에서 <Link></Link> 태그를 사용이를 위해 라우터를 반응 : https://github.com/reactjs/react-router 튜토리얼 참조 : https : //github.com/reactjs/react-router-tutorial/tree/master/lessons –

대단히 감사합니다. – Shashika

구성 요소 Link는 해결책이 될 것입니다.

href={`/#/fld-view/${id}`} //ES6 or ES7 if I remember

것은 당신이 그것을 사용하지 않는 경우 : 대신 사용 <a>의

href={'/#/fld-view/' + id}

출처

2016-09-08 04:38:42

감사합니다. Alexander. – Shashika

render 함수에서 props를 선언하지 않은 경우 (예 : const {id} = this.props;) id 대신 this.props.id url을 넣어야합니다. 작동하는 경우 좋은 답변으로 내 대답을 설정해야합니다;) –

또한, 문자열 (귀하의 경우 아이디에) 소품을 추가하는 것은,이 길을 가야한다 태그

<Link to={ 
     { 
     pathname: match.url + '/view', 
     search:'? itemview1=' + id_1 
     } 
    }>GO TO A VIEW</Link>

출처

2017-08-06 14:23:16 user8424887

URL을 사용하여 매개 변수 전달 매개 변수

답변

관련 문제