当前位置: 首页 > 知识库问答 >
问题:

从其他组件的事件创建组件

羊舌和安
2023-03-14

我是个新手,在理解组件的生命周期时遇到了一些困难。

我现在有一个导航栏和导航按钮组件,我希望每个导航按钮触发不同的东西。我不想更改页面,我想在同一页面中显示更多组件。

我有我的按钮设置,所以我可以做下面的。

<NavButton text="Searches" onClick={
    function () {
        console.log('test');
    }
} />
</div>

在这种情况下,我是否可以说,在DOM的其他地方创建/显示不同的组件?

共有1个答案

上官联
2023-03-14

你可以:

  • 给出你的组件状态,并添加一个显示细节标志(在getInvalState()中设置为false)
  • 单击更新状态(setState({show Detail: true})
  • 渲染依赖于状态

渲染可以看起来像这样:

render() {
  return (
    <NavItem props={foo}>
      {this.state.showDetail? <NavSubItem props={bar}/> : null }
    </NavItem>
  )
}

这样,

 类似资料:
  • 问题内容: 在R中,我有一个名为 df 的数据帧,如下所示: 甲 听听听听 乙 听听听听 Ç 听听听听 d A1听听听听B1听听听听C1听听听听2.5 A2听听听听B2听听听听C2听听听听3.5 A3听听b3 c3 5-7 a4 b4 c4 2.5 我想用破折号分隔第三行和 D 列的值,并为第二个值创建另一行,并保留该行的其他值。 所以我想要这个: 甲 听听听听 乙 听听听听 Ç 听听听听 d A

  • 需要一些非常具体的包装器和例程。

  • 从 /core 引入 Component 装饰器 在 中 ,设置selector、template 和 styles 等元数据 template (模板):HTML的一种形式,它告诉Angular如何呈现这个组件。下面的组件会将name变量的值插入到双括号之间的模板中,在视图中呈现的是。 要使用这个组件,我们只需添加到我们的HTML,Angular将插入这些标签之间的视图的实例。 查看示例

  • 我有一个在父组件中生成的事件,子组件必须对此作出反应。我知道在中不建议使用这种方法,我必须执行emit,这非常糟糕。所以我的代码是这个。 正如您所看到的,在无限滚动上被触发,事件被发送到子组件搜索。不仅仅是搜索,因为它是根,所以它正在向每个人广播。 什么是更好的方法。我知道我应该使用道具,但我不知道在这种情况下我该怎么做。

  • 我开始使用angular cli,我已经读了很多关于我想做什么的答案。。。没有成功,所以我来到这里。 有没有办法为新模块创建组件? 例如: (如何将此组件添加到newModule??) 因为默认行为是将所有新组件放入。我想选择我的组件将在哪里,这样我就可以创建独立的模块,而不会让我的所有组件都在。可以使用angular cli执行此操作,还是必须手动执行此操作?