- In Visual Studio Code go to View -> Extensions
- Search for
eslint: ESLint - Click Install
- In Visual Studio Code go to View -> Extensions
- Search for
prettier code formatter: Prettier
| import { Marker, Popup, useMapEvents } from 'react-leaflet'; | |
| import { useState, useEffect } from 'react'; | |
| function LocationMarker() { | |
| const [position, setPosition] = useState(null); | |
| const map = useMapEvents({ | |
| locationfound(e) { | |
| setPosition(e.latlng); | |
| }, |
| const Rewards = { | |
| rewardList: [ | |
| { | |
| id: 1, | |
| title: "dvssvzev", | |
| selected: false, | |
| }, | |
| { | |
| id: 2, |
| axios | |
| .get('https://data.nantesmetropole.fr/api/records/1.0/search/', { | |
| params: { | |
| dataset: 'ici le nom de la base de données, ex: 244400404_agenda-evenements-nantes-nantes-metropole', | |
| apikey: 'ici votre clé d api', | |
| }, | |
| }) | |
| .then((response) => { | |
| console.log(response.data.records); | |
| }); |
| { | |
| "env": { | |
| "browser": true, | |
| "es6": true | |
| }, | |
| "extends": ["airbnb", "plugin:prettier/recommended"], | |
| "parserOptions": { | |
| "ecmaFeatures": { | |
| "jsx": true | |
| }, |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| <header> |
| require('dotenv').config() | |
| const mysql = require('mysql2') | |
| const config = { | |
| host: process.env.DB_HOST, | |
| port: process.env.DB_PORT, | |
| user: process.env.DB_USER, | |
| password: process.env.DB_PASS, | |
| database: process.env.DB_NAME, | |
| } |
| import PropTypes from 'prop-types'; | |
| const childrenPropType = { | |
| children: PropTypes.oneOfType([ | |
| PropTypes.arrayOf(PropTypes.node), | |
| PropTypes.node, | |
| ]).isRequired, | |
| }; | |
| export default childrenPropType; |