javascript - Static route with form

I am using form in page

import WRAction from "@r/src/components/we-request/WRAction";
import WRFields from "@r/src/components/we-request/WRFields";
import {weRequestFromAction} from "@ut/weRequestFromAction";
import React from "react";

const page = () => {
  return (
    <div>
      <form action={weRequestFromAction}>
        <WRFields />
        <WRAction />
      </form>
    </div>
  );
};

export default page;

weRequestFromAction function is just empty function

export async function weRequestFromAction(formData: FormData) {
  "use server";
}

where WRFields it is just a component with two required field and bunch of useless UI

import Field from "@r/src/ui/field/Field";
import React from "react";

const WRFields = () => {
  return (
    <div>
      <Field
        isPass={false}
        placeholder="YOUR NAME"
        required
        name="login"
        id="login"
      />
      <Field
        isPass={false}
        placeholder="YOUR CONTACTS"
        required
        name="contacts"
        id="contacts"
      />
    </div>
  );
};

export default WRFields;

and WRAction just component with custom but regular html button with type="submit"

import RoundedButton from "@r/src/ui/buttons/RoundedButton";
import React from "react";

const WRAction = () => {
  return (
    <div>
      <RoundedButton
        isDisabled={false}
        type="submit"
      />
    </div>
  );
};

export default WRAction;

Question: Why when I load a page in the bottom left corner in Nextjs >15, I usually have a "static route" icon, but on first load it doesn't. But when I submit the form or click the button, this icon appears. Why so? Does this mean the page doesn't display static(aka user render as i understand) unless I click the button and submit the form?

First load:

Button click and submit form:

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - Static route with form - Stack Overflow

与本文相关的文章

评论列表(0)