Не поймите неправильно. Мне это нужно для небольшого эксперимента, а так как я не фронтенд-разработчик, не знаю реакции.js, мне нужна помощь
У меня есть файл main.jsx
Я бы хотел изменить его на чистый html\css\js, т.е. без реакции. У меня проблема. Если в этом коде данные из формы передаются на сервер через const Main (если не ошибаюсь), то как это написать в html? Используете атрибут data-value?
Файл Main.jsx:
import React from "react";
import { useState } from "react";
import { Link } from "react-router-dom";
import styles from "../styles/Main.module.css";
const FIELDS = {
NAME: "name",
ROOM: "room",
};
const Main = () => {
const { NAME, ROOM } = FIELDS;
const [values, setValues] = useState({ [NAME]: "", [ROOM]: "" });
const handleChange = ({ target: { value, name } }) => {
setValues({ ...values, [name]: value });
};
const handleClick = (e) => {
const isDisabled = Object.values(values).some((v) => !v);
if (isDisabled) e.preventDefault();
};
return (
Join
Sign In
);
};
export default Main;
Подробнее здесь: https://stackoverflow.com/questions/765 ... o-html-css