Skip to content

Instantly share code, notes, and snippets.

View JenniferFuBook's full-sized avatar

Jennifer Fu JenniferFuBook

24 followers · 0 following
View GitHub Profile
@JenniferFuBook
JenniferFuBook / leaflet.marker.App.js
Created February 21, 2023 05:40
import { useEffect, useRef } from 'react';
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
import markerIconPng from 'leaflet/dist/images/marker-icon.png';
import markShadowPng from 'leaflet/dist/images/marker-shadow.png';
function App() {
const savedMap = useRef();
const mapId = 'map';
@JenniferFuBook
JenniferFuBook / leaflet.savedMap.App.js
Created February 21, 2023 03:19
import { useEffect, useRef } from 'react';
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
function App() {
const savedMap = useRef();
const mapId = 'map';
useEffect(() => {
if (savedMap.current) {
@JenniferFuBook
JenniferFuBook / leaflet.App.js
Last active February 20, 2023 19:14
import { useEffect } from 'react';
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
function App() {
const mapId = 'map';
useEffect(() => {
const map = L.map(mapId, {
center: [37.774929, -122.419418],
@JenniferFuBook
JenniferFuBook / antTheme.component.App.js
Last active February 18, 2023 22:54
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.two.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.theme.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.media.App.js
Last active February 18, 2023 22:53
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.ls.App.js
Last active February 18, 2023 22:51
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antTheme.switch.App.js
Last active February 18, 2023 22:47
import { useState } from 'react';
import { Button, ConfigProvider, Space, Select, Switch, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
@JenniferFuBook
JenniferFuBook / antdTheme.dark.App.js
Last active February 12, 2023 23:47
import { Button, ConfigProvider, Space, Select, theme } from 'antd';
const options = [
{ value: 'jack', label: 'Jack' },
{ value: 'lucy', label: 'Lucy' },
{ value: 'Yiminghe', label: 'yiminghe' },
{ value: 'disabled', label: 'Disabled', disabled: true },
];
function App() {