next.js

问题 I can login and logout users on Next.js after reading these resources amongst others: The Ultimate Guide to Next.js Authentication with Auth0 @auth0/nextjs-auth0 library API Call Example SPA + API: Node.js Implementation for the API But nowhere could I find out if I can delete users using the auth0/nextjs-auth0 library. I also looked into the module's handlers here. Am I right to think there is no way to delete a user using the @auth0/nextjs-auth0 library? If yes, what is the most preferred

问题 Is there a way without using Redux with which I can from my home.js page (I'm using hooks not classes) set/use a state, pass it to my component MyComponent.js and once a div is clicked inside this component update the state (so for the home.js page as well)? In home.js I have something like: export default function Page({ session, items }) { const [selectedTab, setSelectedTab] = useState('main') const handleSelect = (e) => { setSelectedTab(e); } ... // then I return some react-bootstrap tabs,

问题 Is there a way without using Redux with which I can from my home.js page (I'm using hooks not classes) set/use a state, pass it to my component MyComponent.js and once a div is clicked inside this component update the state (so for the home.js page as well)? In home.js I have something like: export default function Page({ session, items }) { const [selectedTab, setSelectedTab] = useState('main') const handleSelect = (e) => { setSelectedTab(e); } ... // then I return some react-bootstrap tabs,

问题 I can login and logout users on Next.js after reading these resources amongst others: The Ultimate Guide to Next.js Authentication with Auth0 @auth0/nextjs-auth0 library API Call Example SPA + API: Node.js Implementation for the API But nowhere could I find out if I can delete users using the auth0/nextjs-auth0 library. I also looked into the module's handlers here. Am I right to think there is no way to delete a user using the @auth0/nextjs-auth0 library? If yes, what is the most preferred

问题 this is a typescript-next.js project. I have this Modal component: interface ModalProps { onCancelModal: () => void; onAcceptModal: () => void; acceptEnabled: boolean; isLoading?: boolean; title: string; } const Modal: React.FC<ModalProps> = (props) => { let containerRef = useRef<HTMLDivElement | null>(null); console.log("container", containerRef); useEffect(() => { const rootContainer = document.createElement("div"); const parentElem = document.querySelector("#__next"); parentElem?

问题 I am working on a NextJS site that has some custom styling that is being applied via MaterialUI's makeStyles. It works fine on the first load and then undoes all of the custom work on the second. It seems that it has something to do with the route as the only time that it works is when I first am directed to the page itself. It is happening on 2 different pages one is being directed via href='/login' and the other is being directed via next/router router.push('/register') I am assuming that

问题 I am working on a project which is developing with NextJs and ReactJs. Suddenly this project showing Allocation failed - JavaScript heap out of memory problem. I have tried all the resources online but, those are not working for me. I think, maybe something error occurred in next.config.js or webpack but, I am not sure about it. package.json { "name": "personal-blog", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start" },

问题 I have a menu component that appears globally. What is the best practice for getting data into that component? I'm trying to take advantage of static generation that Next.js offers but all data fetching guidance from the Next.js team relates to pages. getStaticProps and getStaticPaths seem to pertain to page generation, not data for components. Is their SWR package the right answer, or Apollo Client? Typically in hooks-based React, I'd just put my data call into useEffect . I'm not sure how

问题 I am trying to make a form in reactjs like this https://jsonresume.org/schema/ (JSON Format). index.js: import React, { useState, Fragment } from 'react'; import BasicDetails from '../components/basic_details'; import EmploymentDetails from '../components/employment_details'; const App = () => { const handleSubmit = (e) => { e.preventDefault(); console.log('get the whole form json here'); }; return ( <> <h1>Dynamic Form Fields in React</h1> <form onSubmit={handleSubmit}> Basic Details: <br />

问题 I am trying to make a form in reactjs like this https://jsonresume.org/schema/ (JSON Format). index.js: import React, { useState, Fragment } from 'react'; import BasicDetails from '../components/basic_details'; import EmploymentDetails from '../components/employment_details'; const App = () => { const handleSubmit = (e) => { e.preventDefault(); console.log('get the whole form json here'); }; return ( <> <h1>Dynamic Form Fields in React</h1> <form onSubmit={handleSubmit}> Basic Details: <br />