第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

來(lái)自React v4中事件處理程序的URL重定向

來(lái)自React v4中事件處理程序的URL重定向

湖上湖 2021-04-06 13:14:17
我是React的新手,并且在使用JavaScript事件處理程序重定向到新頁(yè)面時(shí)遇到問題。我不知道我做錯(cuò)了什么。App.jsimport React, { Component } from 'react';import {Switch, Route} from 'react-router-dom';import Nav, {Jumbotron} from '../partials/headobjs';import Footer from '../partials/footer';import Users from '../components/user';import UserObj from '../components/userobj';import Err404 from '../components/err404';//import css files.. import '../css/styles.css';class App extends Component {  render() {    return (      <div>          <Nav />                <Jumbotron/>             <Switch>            <Route exact path='/' component={Users}/>            <Route path='/user' component={UserObj}/>            <Route component={Err404} />          </Switch>          <div className='clr'></div>          <Footer />      </div>          );  }}export default App;Users.jsimport React, { Component } from 'react';import {Redirect} from 'react-router-dom';class Users extends Component {  constructor(){    super();    this.state = {       name:aminu    };  }  gotoURL(usr){    let url = `/user/${usr}`;    //console.log(url);    return <Redirect to={url}/>  }  render() {         return (            <div className="container">             <button onClick={this.gotoURL.bind(this, this.state.name)}>               Go to {this.state.name} page            </button>        </div>    );  }}export default Users;我希望函數(shù)gotoURL重定向到新路由,但是我不確定自己在做什么錯(cuò),我嘗試使用browserHistory,現(xiàn)在我正在嘗試<Redirect/>該類,但無(wú)濟(jì)于事。
查看完整描述

3 回答

?
鳳凰求蠱

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊

Redirect組件需要呈現(xiàn)而不返回到onClick處理程序,這就是它不起作用的原因。您可以history.push代替


gotoURL(usr){

    let url = `/user/${usr}`;

    //console.log(url);

    this.props.history.push(url);

  }


查看完整回答
反對(duì) 回復(fù) 2021-04-22
  • 3 回答
  • 0 關(guān)注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)