如何删除属性值前后的块注释？

Question

我使用Next.js创建简单的SSR页面。页面代码：

import fetch from 'isomorphic-unfetch'

function Index({ stars }) {
    return <div>Welcome to {stars}!</div>
}

Index.getInitialProps = async ({ req }) => {
    const res = await fetch('https://api.github.com/repos/zeit/next.js');
    const json = await res.json()
    return { stars: json.stargazers_count }
};

export default Index

如何删除属性值前后的块注释？

<div>Welcome to <!-- -->43671<!-- -->!</div>

Answer 1

每个属性都应该有自己的块。Fisrt解决方案您可以将属性放入任何标签（<span>，<i>和e.t.c。）。

<div>Welcome to <span>{stars}</span>!</div>

第二解决方案您可以在父标记中合并字符串。

<div>{'Welcome to '+stars+'!'}</div>