如何设置条件渲染以根据Next.js中不同的按钮单击加载不同的模式内容?

问题描述

我已经在Next.js中建立了一个网站。我正在导入一个Modal组件,该组件要根据单击的按钮呈现不同的内容。模态框架始终是相同的-因此我将其设置为一个单独的组件,该组件将import com.google.common.collect.Range; Range<Integer> open = Range.open(1,5); System.out.println(open.contains(1)); // false System.out.println(open.contains(3)); // true System.out.println(open.contains(5)); // false Range<Integer> closed = Range.closed(1,5); System.out.println(closed.contains(1)); // true System.out.println(closed.contains(3)); // true System.out.println(closed.contains(5)); // true Range<Integer> openClosed = Range.openClosed(1,5); System.out.println(openClosed.contains(1)); // false System.out.println(openClosed.contains(3)); // true System.out.println(openClosed.contains(5)); // true 传递给它。

我已经使用了模态,但是不确定如何为每个单击的按钮传递不同的内容(基本文本和图像)。 (将加载约10多种不同的内容)。我本质上是想做一个老式的jquery fancybox,但是在使用组件的整洁的react框架中。感谢任何能够提供帮助的人!

示例代码段:

{children}

再次感谢您!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)