我有一个 Next.js 应用程序,正在部署到 vercel,并使用 ReactMarkDown 组件从 Strapi 后端渲染一些内容。
虽然这在本地有效,但部署失败并显示以下日志:
49:54 Error: Do not pass children as props. Instead, nest children between the opening and closing tags. react/no-children-prop
Run Code Online (Sandbox Code Playgroud)
<ReactMarkdown key={idx} children={content.answer} />
Run Code Online (Sandbox Code Playgroud)
我认为这是罪魁祸首,它对使用“children”作为道具名称不满意,但是...... ReactMarkDown 组件渲染内容的道具是...... 孩子。
我已经尝试过这个,如下所示。
<ReactMarkdown >{content.answer}</ReactMarkdown>
<ReactMarkdown key={idx} children={[content.answer]} />
Run Code Online (Sandbox Code Playgroud)
第一个不会改变任何内容,后者不起作用,内容不再显示。
任何建议都非常感激。