我最近尝试将我的项目升级到 tailwind css,但收到此错误
这是我的顺风配置
module.exports = {
mode: "jit",
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: "class", // or 'media' or 'class'
theme: {
extend: {
colors: {
secondaryDark: "#171A1A",
primaryDark: "#090A0A",
neonOrange: "#FF9933",
redditRed: "#FF5700",
cardGradientPrimary: "#ff930f",
cardGradientSecondary: "#fff95b",
},
},
},
variants: {
extend: {},
},
plugins: [require("@tailwindcss/forms")],
};
Run Code Online (Sandbox Code Playgroud) 不确定我做错了什么?
当我尝试将表单数据上传到我的 SUPABASE 时,数据未定义,数据传入 API 时未定义,但是当我将其传递给函数时,它会在提交处理程序中打印我想要发送到 API 的内容。
export const Quote = () => {
const [formIsValid, setFormIsValid] = useState(false);
//----------------------------_FORM VALIDATION------------------------------------
const {
value: firstName,
inputBlurChangeHandler: firstNameBlur,
isValid: firstNameValid,
hasError: firstNameInputHasError,
valueChangeHandler: firstNameChangeHandler,
reset: resetFirstName,
} = useInput((value) => value.trim() !== "");
**hooks & useEffect removed to shorten question they are same as above but different names**
console.log(formIsValid, "FORM IS VALID");
const formSubmitHandler = async (event) => {
event.preventDefault();
//UNDEFINEDS
await fetch("api/dbhandler", {
method: "POST",
body: {
firstname: firstName, …Run Code Online (Sandbox Code Playgroud)