栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在React.js中从搜索表单重定向到结果页面

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在React.js中从搜索表单重定向到结果页面

您是否签出了重定向组件?这是一个基本概念(无需实际测试),可以帮助您入门。显然,您必须添加更多代码才能使其正常工作。

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=' + enpreURI(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;


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/413321.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号