Question

我已经在我正在使用的应用程序中为语言翻译实现了react-localize-redux。我的确在html元素中获取了翻译，但是我无法使翻译与html-element-properties一起使用。例如输入值。

它的工作方式如下：

<form onSubmit={this.handleSubmit}>
    <label className="atom_required" htmlFor="name">
        <Translate id="textexample" />:
    </label>
</form>

但是，如果我尝试使用此ID，则会返回对象Object：

<div className="atom_bottomButtons">
    <input
        id="atom_bottomButtons__submit"
        disabled
        className="btn btn-primary"
        type="submit"
        value={<Translate id="textexample" />}
        />
</div>

有人知道如何映射html元素的属性吗？

Answer 1

只需使用the render-prop API：

<div className="atom_bottomButtons">
<Translate>{
   ({ translate }) => {
      return <input
        id="atom_bottomButtons__submit"
        disabled
        className="btn btn-primary"
        type="submit"
        value={translate("textexample")}
        />
  }
}</Translate>
</div>

另请参阅：translate's API

在HTMLelement-properties中进行React react-localize-redux转换

1 个答案: