如何基于事件使用React将一个子react / html组件替换为另一个子组件?

马达夫

我是新来的React,我有一个React组件结构,例如:

<MainComponent>
     <Button />
     <Content />
</MainComponent>

现在,当我单击Button时,我需要用另一个div(div2)替换Content组件的现有div(例如div1 )。你能告诉我怎么做吗。谢谢你。

注意:到目前为止,在单击事件中,我一直在使用state和prop更改单个div的数据。现在,我必须用另一个替换整个div。

马克·史蒂文斯(J. Mark Stevens)

像这样。

render() {
  var returnIt;
  if (useDivOne) returnIt = (<div id='one'></div>);
  else returnIt = (<div id='two'></div>);
  return (returnItj);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将点击事件从一个子组件传递到另一个子组件

来自分类Dev

如何知道另一个子组件中一个子组件的事件

来自分类Dev

如何将子组件路由到另一个子组件

来自分类Dev

如何在React中将数据值从一个子组件传递到另一个子组件?

来自分类Dev

React Native ScrollView - 如何从另一个子组件按钮滚动到子组件?

来自分类Dev

我想在react中访问另一个子组件中一个子组件的值

来自分类Dev

如何从子组件访问 Angular 4 中的另一个子组件

来自分类Dev

Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件吗?

来自分类Dev

如何在VueJS中将值从一个子组件传递到另一个子组件?

来自分类Dev

使用递归将一个子字符串的所有出现替换为另一个子字符串

来自分类Dev

使用递归将一个子字符串的所有出现替换为另一个子字符串

来自分类Dev

使用useReducer调度一个子组件中的操作并更新另一个子组件中的状态

来自分类Dev

如何访问另一个子组件中插槽的内容

来自分类Dev

如何将回调从一个子组件传递到另一个

来自分类Dev

基于另一个子帧

来自分类Dev

如何基于另一个zip的内容创建一个子zip?

来自分类Dev

如何从一个单独的子组件修改一个子组件的道具?

来自分类Dev

当另一个组件的子组件的状态在 react 中改变时触发事件

来自分类Dev

如何将一个子域重写为另一个子域?

来自分类Dev

想要将值从子组件传递给父组件,然后将这些值传递给另一个子组件

来自分类Dev

如何使用样式化组件为React Native中的最后一个子元素设置样式

来自分类Dev

从另一个子执行子

来自分类Dev

将两个结果在一个子传递到另一个子

来自分类Dev

如何将数据从一个子组件传递给父组件和其他子组件?

来自分类Dev

在React.Js中创建一个组件作为另一个组件的子组件

来自分类Dev

使用PowerShell将多个子版本号替换为另一个

来自分类Dev

使用python multiprocessing子进程如何终止另一个子进程?

来自分类Dev

单击另一个子菜单时如何关闭一个子菜单

来自分类Dev

如何从另一个子域发送一个子域的综合浏览量

Related 相关文章

  1. 1

    将点击事件从一个子组件传递到另一个子组件

  2. 2

    如何知道另一个子组件中一个子组件的事件

  3. 3

    如何将子组件路由到另一个子组件

  4. 4

    如何在React中将数据值从一个子组件传递到另一个子组件?

  5. 5

    React Native ScrollView - 如何从另一个子组件按钮滚动到子组件?

  6. 6

    我想在react中访问另一个子组件中一个子组件的值

  7. 7

    如何从子组件访问 Angular 4 中的另一个子组件

  8. 8

    Vue.js:将数据从一个子组件传递到具有相同父组件的另一个子组件吗?

  9. 9

    如何在VueJS中将值从一个子组件传递到另一个子组件?

  10. 10

    使用递归将一个子字符串的所有出现替换为另一个子字符串

  11. 11

    使用递归将一个子字符串的所有出现替换为另一个子字符串

  12. 12

    使用useReducer调度一个子组件中的操作并更新另一个子组件中的状态

  13. 13

    如何访问另一个子组件中插槽的内容

  14. 14

    如何将回调从一个子组件传递到另一个

  15. 15

    基于另一个子帧

  16. 16

    如何基于另一个zip的内容创建一个子zip?

  17. 17

    如何从一个单独的子组件修改一个子组件的道具?

  18. 18

    当另一个组件的子组件的状态在 react 中改变时触发事件

  19. 19

    如何将一个子域重写为另一个子域?

  20. 20

    想要将值从子组件传递给父组件,然后将这些值传递给另一个子组件

  21. 21

    如何使用样式化组件为React Native中的最后一个子元素设置样式

  22. 22

    从另一个子执行子

  23. 23

    将两个结果在一个子传递到另一个子

  24. 24

    如何将数据从一个子组件传递给父组件和其他子组件?

  25. 25

    在React.Js中创建一个组件作为另一个组件的子组件

  26. 26

    使用PowerShell将多个子版本号替换为另一个

  27. 27

    使用python multiprocessing子进程如何终止另一个子进程?

  28. 28

    单击另一个子菜单时如何关闭一个子菜单

  29. 29

    如何从另一个子域发送一个子域的综合浏览量

热门标签

归档