rfc - React function component
import styles from './MyComponent.module.scss';
import { useState } from 'react';
export default function MyComponent() {
const [data, setData] = useState();
return (
<div className={styles.container}>
<div className={styles.content}>MyComponent$1</div>
</div>
);
};
rcc - React Class Component
import styles from './MyComponent.module.scss';
import React from 'react';
export default class MyComponent extends React.Component {
constructor(props) {
super(props);
};
render() {
return (
<div className={styles.container}>
<div className={styles.content}>MyComponent$1</div>
</div>
);
};
};
useEffect(() => {
$1
}, []);
const $1 = useSelector($2);
const dispatch = useDispatch();
rrn - react router dom useNavigate
const navigate = useNavigate();
export { $1 } from '.$2';
fd - function declaration
function MyComponent() {
$1
};
const MyComponent = function() {
$1
};
class MyComponent {
constructor(data) {
Object.assign(this, data);
}
$1
};