Question

我正在开发一个在其中一个页面上有表单的应用程序。表单包含在一堆嵌套的div标签中。它看起来像这样：

<main id="main-body">
    <div id="content-wrapper">
        <div id="formContainer>
            <div data-reactid=".0">
                <div data-reactid=".0">
                    <div data-reactid=".0.0.1.$form">
                        <form id="myForm" data-reactid=".0.0.1.$form.1">
                            ...
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

麻烦的是，我可以在我的网页上看到该表单，也可以通过浏览器中的“查看源”功能看到该表单，但是当我执行“检查元素”以查看生成的实际HTML时，我只看到< / p>

<main id="main-body">
    <div id="content-wrapper">
        <div id="formContainer">
        </div>
    </div>
</main>

当我执行'Inspect Element'时，我看不到div'formContainer'中的任何HTML元素，即使它们就在页面上。关于为什么会这样的任何想法？我需要在Neoload中获取表单ID，但是Neoload只是不会阅读它，因为它不在页面的来源中。

编辑：有几个div标签正在使用data-reactid=".0.0"。表单元素本身具有data-reactid=".0.0.1.$form.1"。基本上任何react的东西都会消失。我对React一无所知。这会导致这个问题吗？我已经更新了我的代码以更紧密地匹配原始代码。

Answer 1

您没有关闭id="form-container"！缺少"

在我的HTML代码中看不到div中的元素？

1 个答案: