如何避免引导程序中出现重复内容？

Question

在我的网站上，我显示了电话号码，我想让该电话号码可在手机上拨打。因此，我在JSFiddle中使用代码。这里是链接：http://jsfiddle.net/bq9e21Lg/

以下是代码段：

class MyGrid extends React.Component {
     ...
     render() {
      return (
      <div>
        <div className="d-block d-sm-none">
          <a href={"tel:" + this.state.phone}>
            <p className="footer-subheading text-link">{this.state.phone}</p>
          </a>
        </div>
        <div className="d-none d-sm-block">
          <p className="footer-subheading">{this.state.phone}</p>
        </div>
      </div>
);
     }
}

第一部分显示在电话上（电话号码是可单击的，第二部分显示在平板电脑及以上版本（仅一个数字）。

[但是，如果我以这种方式进行编码，则会从搜索引擎收到警告，指出我的内容重复。我想看看是否可以用其他方式解决。

提前感谢。

Answer 1

使用react-responsive避免重复的内容在客户端上呈现两次。