文章预览
点击上方 前端Q ,关注公众号 回复 加群 ,加入前端Q技术交流群 设计模式 复合模式( Compound Pattern ) 在我们的应用程序中, 经常包含相互关联的组件, 它们通过共享状态相互依赖, 并共享相关逻辑。你可以在像选择、下拉组件或菜单项这样的组件中经常看到这一点。 复合组件模式允许你创建一同工作以完成需求的组件 。 我们来看一个例子,这里我构建了一个Counter计数器组件,并在App.js中使用它: import Counter from "./Counter" ; export default function App ( ) { return ( < div > < h1 > Compound Component Pattern h1 > < Counter iconIncrease = "+" iconDecrease = "-" label = "My NOT so flexible counter" hideLabel = {false} hideIncrease = {false} hideDecrease = {false} /> div
………………………………