reactjs - 如何将反应组件呈现为纯文本
问题描述
对不起愚蠢的问题。
我有反应应用程序。为我的组件编写文档。而且我想将我的组件作为纯文本插入,但我找不到方法。前任:
import Input from "../components/input";
function DocumentationPage () {
return (<div>
Input:
usage:
<code> <Input type='login' label={'Login'} value={value} onChange={onChange}></Input></code>
<Input type='login' label={'Login'}></Input>
</div>)
}
所以我希望代码标签内的 <Input...> 呈现为纯文本。
解决方案
尝试<Input type='login' label={'Login'} value={value} onChange={onChange}></Input>
用括号和引号括起来以将其呈现为字符串,如下所示:
import Input from "../components/input";
function DocumentationPage () {
return (<div>
Input:
usage:
<code>{'<Input type='login' label={'Login'} value={value} onChange={onChange}></Input>'}</code>
<Input type='login' label={'Login'}></Input>
</div>)
}
推荐阅读
- python - 如何计算特定时间范围内的时间
- css - px2rem 中的 remUnit 选项是如何配置的?
- c++ - 计算地图结构的哈希
- nginx - 无法将 nginx HTTP 流量重定向到 HTTPS
- mysql - MySQL(RDBMS)用于订单/运输信息,MongoDB(NoSQL)用于产品信息。这能行吗?
- ios - 输入/输出从操作系统更改时的AudioKit监听器/通知?
- firebase - Kotlin 多重搜索 Firebase
- angular - 没有本地存储我们如何存储价值
- python - PyOTRS 与远程服务器的连接被远程端中止
- react-native - expo sdk 需要 expo 才能运行。似乎本机博览会模块不可用