javascript - 不能使用 replaceAll 或替换为 nextjs/reactjs

Question

我正在使用 reactjs/nextjs，我目前正在尝试渲染这个组件:

const Example = ({data}) => (
<strong>{() => data.slug.replaceAll("-", " ")}</strong>);

每次我都会收到此错误: TypeError: data.slug.replaceAll is not a function .
slug 的类型是一个字符串，我检查了它。
我尝试使用 data.slug.toString().replaceAll...我在另一个stackoverflow答案中找到了，但我遇到了同样的问题。
我尝试使用函数而不是直接字符串，即: () => data.slug.replaceAll...而这次没有渲染。
我不知道它是否有帮助，但我尝试渲染的数据来自一个通过 getServerSideProps 的 api异步运行。

Answer 1

很可能是因为 .replaceAll()并非所有浏览器都支持。
caniuse
暂时可以用简单的.replace()

data.slug.replace(/-/g, " ")