【问题标题】:Using SSR trying to render react code, facing issues with the correct classes not getting applied使用 SSR 尝试呈现反应代码,面临未应用正确类的问题
【发布时间】:2019-11-19 05:49:46
【问题描述】:

我正在尝试在服务器端呈现反应代码。正在构建代码,然后在浏览器上呈现。但是react代码中需要添加的类被省略了。谁能帮我看看这里到底发生了什么。

这是代码的显示方式,但在呈现代码时类会发生变化

<div class="events-s">
    <div class="content-w">
        <div class="content">
            <h1 class="event-section">Events</h1>
            <div class="feature-events">
                <h2 class="pb-block">Featured Events</h2>
            </div>
        </div>
    </div>
    <div class="content-w">
        <div class="content">
            <div class="pb-b">
                <div class="pb-b"></div>
                <h2 class="pb-block-t">Where We'll Be Next</h2>
            </div>
        </div>
    </div>
    <div class="content-w">
        <div class="content">
            <div class="pb-b">
                <h2 class="pb-block-t">Past Events</h2>
            </div>
        </div>
    </div>
</div>

代码的实际呈现方式:

**<div class="main-content">**
        <div class="content-w">
            <div class="content">
                <h1 class="event-section">Events</h1>
                <div class="feature-events">
                    <h2 class="pb-block">Featured Events</h2>
                </div>
            </div>
        </div>
        <div class="content-w">
            <div class="content">
                <div class="pb-b">
                    <div class="pb-b"></div>
                    <h2 class="pb-block-t">Where We'll Be Next</h2>
                </div>
            </div>
        </div>
        <div class="content-w">
            <div class="content">
                <div class="pb-b">
                    <h2 class="pb-block-t">Past Events</h2>
                </div>
            </div>
        </div>
    </div>

【问题讨论】:

  • 我已添加评论。如您所见,“events-s”的主类已更改为 main-content

标签: javascript html reactjs server-side-rendering


【解决方案1】:

这已解决.. 我没有使用正确的相对 url 来获取页面 所以内容没有正确加载

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-02
    • 1970-01-01
    相关资源
    最近更新 更多