问题标签 [react-redux-i18n]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
redux - 使用 ReactRouter v4 和 redux 作为 URL 参数的语言环境
我正在使用 React 和 Redux 构建一个多语言应用程序:
已解决(使用path-to-regexp
):https ://codesandbox.io/s/307nz4p9nm
编辑:终于能够渲染组件。最后一个麻烦是路径生成,对于我的语言选择器。
我正在使用<ConnectedRouter />
依赖createBrowserHistory()
.
我有以下结构:
以这种方式呈现:
这会导致以下 URI:
现在,我正在寻找一种方法来实现我的语言环境选择器:生成当前页面的路径,只需更新:locale
参数。
无论我当前访问的路线是什么(/en
, /en/abc
),match.path
总是返回并且我从不从我的 App 组件/:locale(en|fr)
访问子路径(例如)。/abc
那么如何挂钩react-redux-i18n
以自动从 URL 获取语言环境,而不是在自己的状态下管理它?
reactjs - Reactjs - 翻译带有组件的字符串
我需要翻译“访问被拒绝。请登录”和链接组件所包含的“登录”。
我正在使用 react-redux-i18n 助手。
我努力了
但它以纯字符串形式返回:
而不是超链接中的“登录”:
你能给我一些建议吗?
reactjs - 反应,Redux。文本翻译
我目前正在开发 React 应用程序,我需要在其中实现翻译。 https://www.npmjs.com/package/react-redux-i18n 我正在使用这个库来实现翻译。
我也在使用带有 compose 库的功能组件,所以我需要使用 Translate 组件而不是 i18n.t 函数。
但是我遇到了一个问题,我无法在功能组件中翻译占位符。翻译组件返回一个对象而不是文本,并且 i18n.t 函数不会在组件更新时重新呈现。
谁能帮助我,请告诉我如何使用这个库实现占位符的翻译?
reactjs - 使用 redux-forms,是否可以在两个表单(视图 1、视图 2)之间共享相同的状态?
我正在尝试#react #redux-forms 时寻求一点帮助:
问题陈述:用户应该能够添加学生、使用唯一 ID 查询学生详细信息并编辑学生详细信息。让我们暂时不要担心负面情况。
查询:我使用我可用的唯一学生 ID 初始化我的表单。(视图 1,其中包括字段 -- 名字、姓氏、课程和按钮 -- 提交、添加/编辑更多详细信息)
但是,表单上有一个“添加/编辑更多详细信息”选项,使用户能够针对学生添加更多详细信息。(查看 2,其中包括 - 电子邮件、电话号码等。他们可以添加/删除多个这些详细信息)
我想知道是否可以在两个视图之间共享同一个商店?
如果我在更改名字后单击编辑更多详细信息并导航到视图 2,那么名字更改也应反映在视图 2 中。更像是共享同一个模型。
或者如果有替代解决方案?让我能够最终更新数据库,而不管视图 1 或视图 2 中是否进行了更改。在此先感谢 :)
视图的图像
reactjs - Redux-i18n 在 React 组件之外访问 t() 函数,例如在动作创建者中
我在我的 React 组件中使用 Redux-i18n。按设计工作。现在,我的动作创建者文件中有几个业务逻辑作为单独的函数。这包括额外的错误处理和有效性检查。其中一些是显示的,另一些是通过电子邮件发送的。在这一点上,我知道用户/收件人并希望以他们的首选语言向他们显示消息/邮件。我当然在后端使用模板,但我有来自应用程序的某些属性,我想添加和翻译。
出于这个原因,我想翻译动作创建者中的消息。有没有办法像在具有函数的组件中一样方便地访问翻译文字t()
?
javascript - 在 SSR(服务器端渲染)的情况下,在 react index.html 中包含脚本标签的最佳做法是什么
我已经使用服务器端渲染设置了我的反应应用程序,它加载在服务器端创建 HTML 数据并将 HTML 数据返回给请求的客户端。因此,在这种情况下,所有创建组件的脚本标签/html数据的加载都发生在它自己的服务器端。为了提高我的页面的性能,包含 script 标签的最佳做法是什么?是在head标签中还是在body标签中还是在body标签之后。如果我错了,请纠正。
javascript - Redux-Toolkit 状态未从 store 传递。反应还原
我正在尝试使用 Redux-Toolkit 转换一个简单的 React-Redux 项目。我使用 configureStore 创建了商店,但商店似乎没有将初始状态传递给子组件。
这是我的 redux-toolkit (redux-index.js) js 文件
我的 index.js
应用程序.js
最后是 List.js
当我尝试运行我的程序时,它会抛出这个错误:
redux - 如何让观察者传奇仅在动作模式的第一次调度时触发工人传奇?
如何让观察者传奇仅在动作模式的第一次调度时触发工人传奇?
所以,我希望观察者传奇仅在第一次发送 CHATBOT.START 时触发 handleChatbotLoad。我可以在状态中有一个标志,started
并且只发送一次 CHATBOT.START。但后来我期待一种类似takeFirst
或类似的方法。有没有这样的方法来实现这一目标?
reactjs - 从 React 容器获取 props 到功能组件
这是我的容器的样子:
这就是我的功能组件的样子:
我无法通过功能组件传递道具,如下所示:
由于这个问题,我收到以下错误,因为我的道具的婴儿车未定义。
未捕获的类型错误:无法读取未定义的属性“参数”
我不知道如何解决这个问题:/你能帮我吗?另外,我不想将上述功能组件更改为类组件。有什么方法可以检索组件的道具吗?提前致谢!!