如何在(翻译)字符串中传递参数

时间:2017-08-29 00:05:11

标签: reactjs jsx

我正在尝试将param值传递给翻译

item.title是Healthy和 标题为Patient Info

翻译文件在project/healthy_patient_info下有翻译 这就是我到目前为止所拥有的

      {item.title.toLowerCase()}
      {heading.split(' ').join('_').toLowerCase()}

尝试此操作以查看返回的内容,但收到错误project is not function

      {t('project/'`${item.title.toLowerCase()}``${heading.split(' ').join('_').toLowerCase()}`)}

我如何在下面的代码中添加这些,以便我可以访问翻译?

let text = null;
  if (isItemDefined(item)) {
      text = (
        <div className="well-Text--dark well-Font--body">
          {t("project/item.title_heading"}
        </div>
  );
}

1 个答案:

答案 0 :(得分:0)

修好了。真正的问题是,当页面加载时,项目是未定义的,因此它无法正常工作

  let itemTitle = null;
  let itemHeading = null;
  if (isItemDefined(item)) {
    itemTitle = item.title.split(' ').join('_').toLowerCase();
    itemHeading = heading.split(' ').join('_').toLowerCase();
  }

并添加以下内容进行翻译

    {t(`project/${itemTitle}_${itemHeading}`)}