时间戳

首页 > 解决方案 > 在状态 React 中调用 props

reactjs - 在状态 React 中调用 props

问题描述

我正在尝试为我的 React 网站创建一个changeLanguage功能。When a language ("English" or "Spanish") is selected it is passed down to all components in a props.language . 当收到这些道具时，我希望我的组件以道具指示的语言打印出文本。我已经用西班牙语和另一个用英语写了组件状态的文本。当我的组件渲染时，我希望它根据传递的道具打印正确的状态。有什么帮助吗？

标签： reactjsstate

解决方案

如果您有多种语言，请事先发送一个对象作为您希望翻译的每个实体的变量。例如，您的页面标题可能是

let greeting = {"English":"Hello","Spanish":"Hola"}

然后在您的渲染中，您将拥有：

<div className="title">{this.state[this.props.language].greeting}</div>

推荐阅读