import * as React from "react"; import { Component } from "react"; import styles from "./studys.module.css"; import { Input, Button, Menu, Dropdown, message } from "antd"; import { DownOutlined } from "@ant-design/icons"; import { useSelector } from "../../redux/hooks"; import { useDispatch } from "react-redux"; import { type } from "os"; import { changeInputActionCreator, addCityActionCreator, } from "../../redux/citys/cityActions"; export const Studys: React.FC = () => { const dispatch = useDispatch(); const cityList: { name: string }[] = useSelector( (state) => state.city.cityLists ); const cityName = useSelector((state) => state.city.cityName); const cityInput = useSelector((state) => state.city.cityInput); // const onClick = ({ key }) => { // message.info(`Click on item ${key}`); // }; // const menu = ( //
// ); const addCity = () => { dispatch(addCityActionCreator(cityInput)); }; const changeInput = (e) => { // console.log(e.target.value) dispatch(changeInputActionCreator(e.target.value)); }; return ( <> {/* 做一个与header.tsx类似的页面 */}