I'm building an application with Reactjs and Nodejs and I've built all my routes using React-Router-Dom ` <BrowserRouter> <Routes> <Route path='/' element={<Home />} /> <Route path='/receitas' element={<Receitas />} /> <Route path='/receita/:id' element={<ReceitaPage />} /> <Route path='/login' element={<Login />} /> <Route…
I use Material Multiple select to select employees as shown on the following demo: sandbox demo However, I display id values of the selected employees, but I want to display names of the selected employees. For this purpose, I used…
I am trying to create a widget which can be plugged to any website, just like some chat widget. I am trying to below but getting error: const widgetDivs = document.querySelectorAll('.proc_widget'); widgetDivs.forEach((div) => { ReactDOM.render( <React.StrictMode> <App symbol={div.dataset.symbol} /> </React.StrictMode>,…
I'm trying to make a simple Todo list app. I'm trying to use the push method to add to the array in JavaScript. I have a button that adds a todo and an input to enter the todo. Then an…
I have a Switch with a series of Route elements in my main container: AppContainer.js <Switch> <Route exact path={`/app/:slug/`}> <Redirect to={`/app/${slug}/home`} /> </Route> <ProtectedRoute path='/app/:slug/userAdmin/' component={UserAdminContainer} message={'This page is read-only'} /> [snip] <Route path='/app/:slug/protectedRoute/' render={(props) => ( <ReadOnlyError message={props.message} />…
My app has a calendar component that displays content for each day as you swipe horizontally (similar to the iOS Calendar app). I implemented this with a FlatList which renders a DayContent component for each day. Each DayContent component has…
I have this: file accounts.controlles.ts import { requestT } from "src/service/request.api"; export const getaccounts = async () => { const response = await requestT({ method: "GET", url: "/accounts", }); return response; }; file header.tsx import { getaccounts } from "src/controllers/accounts.controller";…
I'm using Tailwind for a personal project with NextJS, but the updates of styles get bugged. Like a lot. It's around 50/50 chance that Tailwind will apply the style to the component, or I have to restart the dev server,…
We have the following code sample: function DraggableText({ x, y, text }) { const [position, setPosition] = React.useState({ x: x, y: y }); const [isDragging, setIsDragging] = React.useState(false); const [mouseOffset, setMouseOffset] = React.useState({ x: 0, y: 0 }); const handleMouseDown…
I want to use the function handleSubmit in other file, how i can export this function? If i try to export this function this error appear "Modifiers cannot appear here". export default function LoginPage(props) { const [email, setEmail] = useState("");…