在React状态下调用道具

Question

我正在尝试为我的React网站创建一个changeLanguage功能。当选择语言（“英语”或“西班牙语”）时，它将传递给props.language中的所有组件。当收到这些道具时，我希望我的组件以道具指示的语言打印出文本。我用西班牙语和另一个用英语写了一个组件的状态。当我的组件呈现时，我希望它根据传递的道具打印正确的状态。有帮助吗？

Answer 1

你搞砸了语法。使用此：<h4>{ this.state[this.props.language].title }</h4>

Answer 2

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

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

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

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