更改动态 Web 表单上的图像实例

Changing Image Instances on Dynamic Web Form

本文关键字：图像 实例 表单 动态 Web      更新时间：2023-09-26

我希望将一个动态 Web 表单放在一起，当客户从一系列单选按钮中选择选项时，其他项目将添加到主图像中。

可以把它想象成你有一个Photoshop图层，上面的所有其他图层都可以隐藏或显示，这取决于客户在表单上的输入。

所以，两个问题...

  1. 我想我应该在这个表单中使用JavaScript。 作为 JavaScript 的初学者，我有没有办法告诉它根据客户选择的多个输入更改图像？ 基本图像将是相同的，但我希望在基本图像顶部隐藏/显示多个"叠加层"。

  2. 这是 React 可以处理的事情，还是我应该看看像 Angular 这样的东西？

感谢您对此问题的帮助！

我可以通过提供一个活生生的例子来回答第一名：http://codepen.io/zvona/pen/mVQWvX

它由三个部分组成，FormControls、Blocks和App。名称是不言自明的，因此应该是代码本身。代码中可能会有一些小错误，因为它是快速编写的，但它应该让你了解如何使用 React 实现这一点。

相关文章：