react-chinese-city-selector v1.1.10

react-chinese-city-selector

A React chinese city selector component

Install

npm install react-chinese-city-selector

Usage

import CitySelector from "react-chinese-city-selector";
import "react-chinese-city-selector/dist/index.css";

<CitySelector value={text} onSelect={onSelect}></CitySelector>

Example

function App() {
  const onSelect = (
    e: React.MouseEvent<HTMLElement>,
    data: { province: string; city: string }
  ) => {
    console.log("Do something");
  };
  return (
   <div className="App">
      <div
        style={{
          width: "220px",
          height: "40px",
          margin: "0 auto",
          marginTop: "10px",
        }}
      >
        <CitySelector
          size="medium"
          value={"沈阳市"}
          onSelect={onSelect}
        ></CitySelector>
      </div>
    </div>
  );
}

Properties