小编Sis*_*sky的帖子

我有一个翻译 json 文件，其翻译如下：

"pageNotFound": {
  "description": "The page could not be found. Click {{link}} to return to the home page"
},

我想要替换的链接变量ReactRouter <Link>

我的方法中有以下代码render，输出下图。

public render() {

  const { t } = this.props;
  const message = t('pageNotFound.description', { link: <Link to="/">here</Link> });

  return (
    <div className="body-content">
      <div>
        {message}
      </div>
    </div>
  );
}

我已经使用过该<Trans>组件，我认为这可能是一种方法，但似乎您必须输入包括 <> 标签的全文，这对于我的用例来说不是我想要的，因为我希望所有文本都在如果可能的话，翻译 json。

有什么建议欢迎留言

有没有办法在WebStorm中将TSLint给出的错误红线更改为不太警报的行(警告或类似)？

以下是我想避免的一个例子:

我有一个名为profile的JSON对象,我在我的应用程序中使用,我可以在我的html中访问如下:

<pre>{{ profile | json }}</pre>

这在我的屏幕上给出了以下结果(省略了值):

{
    "sub": "Test",
    "name": "Test",
    "nickname": "Test",
    "picture": "Test",
    "updated_at": "2017-07-05T03:34:49.038Z",
    "http://test.com/roles": [
        "admin",
        "guest"
    ]
}

我可以访问所有变量,如下所示:

<h3 class="name">{{ profile?.name }}</h3>

但是我遇到麻烦的是访问以http开头的变量.如果我尝试:

<h3 class="name">{{ profile?.http://test.com/roles }}</h3>

我得到意外的令牌错误.

我无法更改此变量的名称是否有其他方式我可以访问它.

谢谢,