[REACTJS] reactjs의 결과 페이지에 검색 양식에서 재 지정

reactjs의 결과 페이지에 검색 양식에서 재 지정

해결법

1. ---

   1.당신은 리디렉션 구성 요소를 체크 아웃 적이 있습니까? 다음은 시작한다 (실제로 테스트없이) 기본 좋습니다. 당신은 분명히 작업을 얻기 위해 좀 더 코드를 추가해야합니다.

   당신은 리디렉션 구성 요소를 체크 아웃 적이 있습니까? 다음은 시작한다 (실제로 테스트없이) 기본 좋습니다. 당신은 분명히 작업을 얻기 위해 좀 더 코드를 추가해야합니다.

   class Search extends Component {
     constructor(props) {
       super(props);
       this.state = {
         results: [],
         term: '',
       };
   
       this.submit = this.submit.bind(this);
       this.changeTerm = this.changeTerm.bind(this);
     }
   
     changeTerm(event) {
       this.setState({term: event.target.value});
     }
   
     submit(event) {
       let url = 'http://api.example.com/results?q=' + encodeURI(this.state.term) + '&json=1';
       axios.get(url)
         .then(response => {
           let data = {
             results: response.data,
           };
           this.setState(data);
         })
         .catch(error => console.log(error));
     }
   
     render() {
       return (
         <div>
           <form onSubmit={this.submit}>
             <input onChange={this.changeTerm}/>
             <Button type="submit" bsStyle="primary">Find</Button>
           </form>
           {this.state.results.length > 0 &&
             <Redirect to={{
               pathname: '/results',
               state: { results: this.state.results }
             }}/>
           }
         </div>
       );
     }
   }
   
   export default Search;
   

from https://stackoverflow.com/questions/42982036/redirecting-from-a-search-form-to-a-results-page-in-reactjs by cc-by-sa and MIT license