41 lines
1.3 KiB
Markdown
41 lines
1.3 KiB
Markdown
[](https://www.npmjs.com/package/make-event-props)  [](https://github.com/wojtekmaj/make-event-props/actions)
|
|
|
|
# Make-Event-Props
|
|
|
|
A function that, given props, returns an object of event callback props optionally curried with additional arguments.
|
|
|
|
This package allows you to pass event callback props to a rendered DOM element without the risk of applying any invalid props that could cause unwanted side effects.
|
|
|
|
## tl;dr
|
|
|
|
- Install by executing `npm install make-event-props` or `yarn add make-event-props`.
|
|
- Import by adding `import makeEventProps from 'make-event-props'`.
|
|
- Create your event props object:
|
|
```ts
|
|
const eventProps = useMemo(
|
|
() => makeEventProps(props, (eventName) => additionalArgs),
|
|
[additionalArgs],
|
|
);
|
|
```
|
|
- Use your event props:
|
|
```tsx
|
|
return <div {...eventProps} />;
|
|
```
|
|
|
|
## License
|
|
|
|
The MIT License.
|
|
|
|
## Author
|
|
|
|
<table>
|
|
<tr>
|
|
<td >
|
|
<img src="https://avatars.githubusercontent.com/u/5426427?v=4&s=128" width="64" height="64" alt="Wojciech Maj">
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/wojtekmaj">Wojciech Maj</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|