使用 React 渲染浏览器特定内容

TL;DR - 您可以使用一行代码在 React 中呈现特定于浏览器的内容。

您是否曾经想为所有 IE 用户张贴横幅并让他们在 Chrome/Firefox 中试用您的网站？

使用RenderInBrowser组件，您可以呈现特定于浏览器的内容。

正如我几周前在帖子中所承诺的那样，我已经从我的其他项目移植了代码，编写了全面的测试，并创建了一个独立的 React 库，以便仅在指定的浏览器中呈现内容。

语法太简单了。

如果你只想在 Chrome 中渲染某些内容，

<RenderInBrowser only chrome>
  <div>Whoa! This super duper text line will be rendered only in Chrome!</div>
</RenderInBrowser>

如果你想在除 IE 之外的所有浏览器中渲染某些内容，

<RenderInBrowser except ie>
  <div>Darn, this stuff doesn't work in IE :(</div>
</RenderInBrowser>

该库作为NPM 包提供，目前仍处于测试阶段（v0.2.0），因为我想在发布v1.0.0之前获取反馈并对其进行改进。

这是GitHub repo的链接。

如果您发现任何可以改进的地方，请留言，我非常欢迎。如果您没有发现任何可以改进的地方，仍然可以留言“你好”，我会回复您 :)

你太棒了！祝你今天过得愉快！⚡️