当前位置: 首页 > 知识库问答 >
问题:

react.js - umijs 如何在根组件同级插入一个组件呢?

汤飞羽
2024-04-10

umijs 3.x
react router 5

使用 react-router-scroll-memory ,在路由切换时保存滚动位置。

使用方式是将组件放到这个位置:

import ScrollMemory from 'react-router-scroll-memory';
<BrowserRouter>  <div>    <ScrollMemory />    <App />  </div></BrowserRouter>

但是,umijs 并没有暴露 BrowserRouter、App。如何使用这个组件或者有其他解决方案吗。

共有1个答案

锺离声
2024-04-10

约定式路由的话,应该可以放到 全局-layout

 类似资料:
  • 问题内容: 我在页面上有一个组件的两个实例(搜索字段),在它们之间有另一个组件(进行服务器调用的按钮),例如: 我要做的只是将一个未修改的参数从CardSearch字段传递到RunOnServer按钮,但是如果简单的话,我该死的。据此,我可以使用this.state.var作为道具,但是这样做可以在编译代码时给我’undefined.state.var’。React的官方文档并不出色。他们只是告诉

  • 问题内容: 我是React.js的新手,因此非常感谢您的帮助。 我有这个:http : //jsfiddle.net/rzjyhf91/ 其中我做了两部分:图像和按钮。 目的是通过单击按钮来删除图像,我为此使用了它,但是它不起作用: 如何从另一个组件中删除反应组件? 问题答案: 好吧,看来您应该重新考虑显示控件的处理方式。React只是关于孤立的组件,因此,您不应该卸载由父组件安装的组件。相反,您

  • 问题内容: 我被困住了。我在单独的文件上有几个单独的组件。如果我在main.jsx中渲染它们,如下所示: 一切正常,但我想知道这是否是一个好习惯?也许可以做一些像只有一个ReactDom.render这样的事情: 我尝试了各种LandingPageBox变量,以某种方式包括了其他两个组件,但没有运气。它们有时在页面外渲染,依此类推。我认为应该看起来像这样: 但是此代码仅呈现PageTop和Page

  • 问题内容: 我是React的新手,我想问一个战略问题,关于如何最好地完成必须在同级组件之间传递数据的任务。 首先,我将描述任务: 假设我有多个组件,它们是一个单亲的子代,它们通过数组动态地向下传递选择框。每个框在其初始状态下具有完全相同的可用选项,但是一旦用户在一个框中选择了某个特定选项,则必须将其作为所有其他框中的选项禁用,直到将其释放。 这是(傻)代码中的相同示例。(我用作创建选择框的简写。)

  • 问题内容: 许多模板语言都有“ slots”或“ yield”语句,它们允许进行某种形式的控制反转,以将一个模板包装在另一个模板中。 Angular具有“ transclude”选项。 Rails有收益声明。如果React.js拥有yield语句,它将看起来像这样: 所需的输出: React,React.js没有。如何定义包装器组件以实现相同的输出? 问题答案: 尝试: 有关更多信息,请参见文档中

  • 许多模板语言都有“slots”或“yield”语句,它们允许进行某种形式的控制反转,将一个模板包装在另一个模板中。 唉,react.js没有。我如何定义包装器组件以实现相同的输出?