Comments (1)
The main point of hooks is to attach logic to the component lifecycle like when it renders, when it's created or when it's destroyed. Using hooks for anything else is not necessary. An event handler is not part of the component lifecycle. It's just a function that the browser calls in response to some event. It runs completely separate from the component lifecycle
Hooks can only be used inside a component context, which is why this error is thrown. But here the useEffect
is called inside an event handler instead. Event handlers are not part of the component lifecycle.
In your case you don't even need a hook in there. You can just call the fetch directly.
export default function Test() {
return (
<form onSubmit={(e: FormDataEvent) =>
- useEffect(()=> {
- fetch('https://example.com/').then(console.log).catch(console.error)
- },[e.currentTarget])}
<form onSubmit={(e: FormDataEvent) =>
+ fetch('https://example.com/').then(console.log).catch(console.error)
+ }
>
<input/>
<button type="submit">submit</button>
</form>
)
}
from fresh.
Related Issues (20)
- [bug] partial on form submit HOT 1
- ReadableStream.from not supported if a fresh app is a subfolder HOT 6
- Tailwind plugin wanders into `scss` files then crashes on build HOT 1
- preact has a "We stand with Ukraine" banner, so I won't use it (or fresh or SaasKit)
- What do the <reference /> mean in main.ts? HOT 1
- issues with @headlessui/react HOT 1
- ENV variables in client HOT 5
- Clicking the recipe demo on Fresh's homepage changes the page title to "My Fresh app" HOT 1
- If Fresh /components/ folder doesn't return JS, should I even bother with memo()? HOT 4
- connection error: unexpected end of file HOT 3
- Data passed with `ctx.render` to async route is `undefined` HOT 1
- Docs: Change cart example to not used shared signals
- Build: DNS Error registry-staging.deno.com HOT 1
- fresh.gen.ts is `not found` HOT 5
- n00b struggling with deploying fresh project with deno kv HOT 1
- Island Slots Don't Work With `f-client-nav` HOT 7
- Partials break the app when navigating from a page with _layout.tsx to a page without _layout.tsx HOT 5
- Element cloning in island doesn't work as expected
- Access to script at 'node:process' from origin 'http://localhost:8000' has been blocked by CORS HOT 1
- Feat: Add way for islands to check if "development" or "production"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fresh.