首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在使用React呈现组件时更改窗口位置?

在使用React呈现组件时更改窗口位置?
EN

Stack Overflow用户
提问于 2020-06-05 04:40:09
回答 1查看 303关注 0票数 0

当未使用react路由器<Route />而呈现react组件时,我可以更改窗口位置吗?

代码语言:javascript
运行
复制
                    {
                        this.state.loading ? 
                        ( <Loader percentageLoadingProgress={this.state.percentageLoadingProgress} loadingInformation={this.state.loadingInformation} /> ) : 
                        ( <Companies {...this.state} /> )
                    }

我需要用更改的窗口位置呈现<Companies />

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-05 05:02:37

您可以返回一个Redirect,例如:

代码语言:javascript
运行
复制
const someComponent = props => {
  if (props.foo) return `<Redirect to="/somewhere/else" />`;
  return <NormalUI />;
}

也可以使用useHistory钩子获取history对象,然后调用history.push('/somewhere/else')

代码语言:javascript
运行
复制
const someComponent = props => {
  const history = useHistory();
  if (props.foo) history.push('/somewhere/else');
  else return <NormalUI />;
}

Redirect组件是首选的方法。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62208258

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档