我有一个需要触发Modal组件的Card组件。
我还有一个通用的Overlay组件，用于在我的应用程序上方显示一些内容。
这是我的App组件：
class App extends Component {
/* Some Code */
render() {
return (
<div className="c-app">
<Content /> {/* Our content */}
<Overlay /> {/* Our all-purpose-overlay */}
{/* I want my Modal here */}
</div>
)
}
}
我想将我的Overlay组件与我的Modal组件一起使用。为了完成它，我需要在同一级别（兄弟姐妹）上的两个组件。
所以我对react-portals做了一些研究，我发现我可以在我的Card组件中执行以下操作：
class Card extends Component {
constructor() {
super();
this.state = { showModal: false }
}
render() {
const { showModal } …我找不到创建以下代码段的方法：
[
"${1:SECTION NAME/(.*)/${1:/upcase}/}",
"====================================\n$0"
]
我想要以下结果：
<selection>SECTION NAME</selection>
====================================
然后我输入：“我很绝望”。[标签]
I AM HOPELESS
====================================
<selection />
我得到的最接近的是这个：
[
"${1/(.*)/${1:/upcase}/} ${1:SECTION NAME}",
"====================================\n$0"
]
但我得到一个副本。