问题标签 [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.

0 投票
1 回答
5708 浏览

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 获取语言环境,而不是在自己的状态下管理它?

0 投票
0 回答
139 浏览

reactjs - Reactjs - 翻译带有组件的字符串

我需要翻译“访问被拒绝。请登录”和链接组件所包含的“登录”。

我正在使用 react-redux-i18n 助手。

我努力了

但它以纯字符串形式返回:

而不是超链接中的“登录”:

你能给我一些建议吗?

0 投票
0 回答
158 浏览

reactjs - 反应,Redux。文本翻译

我目前正在开发 React 应用程序,我需要在其中实现翻译。 https://www.npmjs.com/package/react-redux-i18n 我正在使用这个库来实现翻译。

我也在使用带有 compose 库的功能组件,所以我需要使用 Translate 组件而不是 i18n.t 函数。

但是我遇到了一个问题,我无法在功能组件中翻译占位符。翻译组件返回一个对象而不是文本,并且 i18n.t 函数不会在组件更新时重新呈现。

谁能帮助我,请告诉我如何使用这个库实现占位符的翻译?

0 投票
1 回答
93 浏览

reactjs - 使用 redux-forms,是否可以在两个表单(视图 1、视图 2)之间共享相同的状态?

我正在尝试#react #redux-forms 时寻求一点帮助:

问题陈述:用户应该能够添加学生、使用唯一 ID 查询学生详细信息并编辑学生详细信息。让我们暂时不要担心负面情况。

查询:我使用我可用的唯一学生 ID 初始化我的表单。(视图 1,其中包括字段 -- 名字、姓氏、课程和按钮 -- 提交、添加/编辑更多详细信息)

但是,表单上有一个“添加/编辑更多详细信息”选项,使用户能够针对学生添加更多详细信息。(查看 2,其中包括 - 电子邮件、电话号码等。他们可以添加/删除多个这些详细信息)

我想知道是否可以在两个视图之间共享同一个商店?

如果我在更改名字后单击编辑更多详细信息并导航到视图 2,那么名字更改也应反映在视图 2 中。更像是共享同一个模型。

或者如果有替代解决方案?让我能够最终更新数据库,而不管视图 1 或视图 2 中是否进行了更改。在此先感谢 :)

视图的图像 视图的图像

0 投票
1 回答
2633 浏览

reactjs - Redux-i18n 在 React 组件之外访问 t() 函数,例如在动作创建者中

我在我的 React 组件中使用 Redux-i18n。按设计工作。现在,我的动作创建者文件中有几个业务逻辑作为单独的函数。这包括额外的错误处理和有效性检查。其中一些是显示的,另一些是通过电子邮件发送的。在这一点上,我知道用户/收件人并希望以他们的首选语言向他们显示消息/邮件。我当然在后端使用模板,但我有来自应用程序的某些属性,我想添加和翻译。

出于这个原因,我想翻译动作创建者中的消息。有没有办法像在具有函数的组件中一样方便地访问翻译文字t()

0 投票
1 回答
229 浏览

javascript - 在 SSR(服务器端渲染)的情况下,在 react index.html 中包含脚本标签的最佳做法是什么

我已经使用服务器端渲染设置了我的反应应用程序,它加载在服务器端创建 HTML 数据并将 HTML 数据返回给请求的客户端。因此,在这种情况下,所有创建组件的脚本标签/html数据的加载都发生在它自己的服务器端。为了提高我的页面的性能,包含 script 标签的最佳做法是什么?是在head标签中还是在body标签中还是在body标签之后。如果我错了,请纠正。

0 投票
1 回答
2281 浏览

javascript - Redux-Toolkit 状态未从 store 传递。反应还原

我正在尝试使用 Redux-Toolkit 转换一个简单的 React-Redux 项目。我使用 configureStore 创建了商店,但商店似乎没有将初始状态传递给子组件。

这是我的 redux-toolkit (redux-index.js) js 文件

我的 index.js

应用程序.js

最后是 List.js

当我尝试运行我的程序时,它会抛出这个错误:

0 投票
0 回答
22 浏览

reactjs - 无法访问 Redux 状态

TypeError:无法读取未定义的属性“句柄”。

道具值

[在此处输入图片描述][1]

Redux 状态值 [1]:https ://i.stack.imgur.com/BqvQt.png

0 投票
1 回答
220 浏览

redux - 如何让观察者传奇仅在动作模式的第一次调度时触发工人传奇?

如何让观察者传奇仅在动作模式的第一次调度时触发工人传奇?

所以,我希望观察者传奇仅在第一次发送 CHATBOT.START 时触发 handleChatbotLoad。我可以在状态中有一个标志,started并且只发送一次 CHATBOT.START。但后来我期待一种类似takeFirst或类似的方法。有没有这样的方法来实现这一目标?

0 投票
1 回答
80 浏览

reactjs - 从 React 容器获取 props 到功能组件

这是我的容器的样子:

这就是我的功能组件的样子:

我无法通过功能组件传递道具,如下所示:

由于这个问题,我收到以下错误,因为我的道具的婴儿车未定义。

未捕获的类型错误:无法读取未定义的属性“参数”

我不知道如何解决这个问题:/你能帮我吗?另外,我不想将上述功能组件更改为类组件。有什么方法可以检索组件的道具吗?提前致谢!!