mirror of
https://github.com/ershisan99/flashcards-docs.git
synced 2026-01-29 12:34:52 +00:00
31
pages/another.mdx
Normal file
31
pages/another.mdx
Normal file
@@ -0,0 +1,31 @@
|
||||
# Another Page
|
||||
|
||||
```js filename="demo.js" {3} copy
|
||||
let a = 1;
|
||||
|
||||
console.log(a);
|
||||
```
|
||||
|
||||
## Component
|
||||
|
||||
import { useState } from 'react'
|
||||
|
||||
{/* Import CSS modules */}
|
||||
import styles from '../components/counters.module.css'
|
||||
|
||||
export const Counter = () => {
|
||||
const [count, setCount] = useState(0);
|
||||
return (
|
||||
<div>
|
||||
<button onClick={() => setCount(count + 1)} className={styles.counter}>Clicked {count} times</button>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
<Counter/>
|
||||
|
||||
## External Component
|
||||
|
||||
import Counters from '../components/counters'
|
||||
|
||||
<Counters />
|
||||
Reference in New Issue
Block a user