mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
33 lines
913 B
JavaScript
33 lines
913 B
JavaScript
import { useSelector, useDispatch } from "react-redux";
|
|
import Header from "../shared/components/header";
|
|
import { useRematchDispatch } from "../shared/utils";
|
|
|
|
const Home = () => {
|
|
const counter = useSelector((state) => state.counter);
|
|
const dispatch = useDispatch();
|
|
const { increment } = useRematchDispatch((dispatch) => ({
|
|
increment: dispatch.counter.increment,
|
|
}));
|
|
|
|
return (
|
|
<div>
|
|
<Header />
|
|
<h1> Counter </h1>
|
|
<h3>The count is {counter}</h3>
|
|
<p>
|
|
<button onClick={dispatch.counter.increment}>increment</button>
|
|
<button onClick={() => increment(1)}>
|
|
increment (using dispatch function)
|
|
</button>
|
|
<button onClick={() => increment(5)}>increment by 5</button>
|
|
<button onClick={dispatch.counter.incrementAsync}>
|
|
incrementAsync
|
|
</button>
|
|
</p>
|
|
<br />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Home;
|