如何解决如何设置条件渲染以根据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 举报,一经查实,本站将立刻删除。