const GeographicView = () => {
const { initialState } = useModel('@@initialState');
const { currentUser } = initialState;
const { geographic } = currentUser;
const { province, city } = geographic;
const [cityList, setCityList] = useState(cities[province['key']]);
const [userCity, setUserCity] = useState(city);
const getProvinceOption = () => {
if (provinces) {
return getOption(provinces);
}
return [];
}
const getCityOption = () => {
if (cityList) {
return getOption(cityList);
}
return [];
};
const getOption = (list) => {
if (!list || list.length < 1) {
return (
<Option key={0} value={0}>
没有找到选项
</Option>
);
}
return list.map((item) => (
<Option key={item.id} value={item.id}>
{item.name}
</Option>
));};
return (
<Spin spinning={false} wrapperClassName={styles.row}>
<Select
className={styles.item}
defaultValue={province || nullSelectItem}
labelInValue
showSearch
// onChange={() => setUserCity(nullSelectItem)}
onSelect={(item) => {
setUserCity(nullSelectItem);
setCityList(cities[item['key']]);
console.log(userCity);
}}
>
{getProvinceOption()}
</Select>
<Select
className={styles.item}
defaultValue={userCity || nullSelectItem}
labelInValue
showSearch
onSelect={() => {}}
>
{getCityOption()}
</Select>
</Spin> );
};
export default GeographicView;
npm ERR! path D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node-gyp rebuild
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@7.1.2
npm ERR! gyp info using node@14.17.1 | win32 | x64
npm ERR! gyp info find Python using Python version 2.7.15 found at "C:\Users\Winter.windows-build-tools\python27\python.exe"
npm ERR! gyp info find VS using VS2017 (15.9.28307.1525) found at:
npm ERR! gyp info find VS "C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools"
npm ERR! gyp info find VS run with --verbose for detailed information
npm ERR! gyp info spawn C:\Users\Winter.windows-build-tools\python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args 'C:\Users\Winter\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\gyp\gyp_main.py',
npm ERR! gyp info spawn args 'binding.gyp',
npm ERR! gyp info spawn args '-f',
npm ERR! gyp info spawn args 'msvs',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args 'D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil\build\config.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args 'C:\Users\Winter\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\addon.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args 'C:\Users\Winter\AppData\Local\node-gyp\Cache\14.17.1\common.gypi',
npm ERR! gyp info spawn args '-Dlibrary=shared_library',
npm ERR! gyp info spawn args '-Dvisibility=default',
npm ERR! gyp info spawn args '-Dnode_root_dir=C:\Users\Winter\AppData\Local\node-gyp\Cache\14.17.1',
npm ERR! gyp info spawn args '-Dnode_gyp_dir=C:\Users\Winter\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp',
npm ERR! gyp info spawn args '-Dnode_lib_file=C:\Users\Winter\AppData\Local\node-gyp\Cache\14.17.1\<(target_arch)\node.lib',
npm ERR! gyp info spawn args '-Dmodule_root_dir=D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil',
npm ERR! gyp info spawn args '-Dnode_engine=v8',
npm ERR! gyp info spawn args '--depth=.',
npm ERR! gyp info spawn args '--no-parallel',
npm ERR! gyp info spawn args '--generator-output',
npm ERR! gyp info spawn args 'D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil\build',
npm ERR! gyp info spawn args '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp: C:\Users\Winter\AppData\Local\node-gyp\Cache\14.17.1\common.gypi not found (cwd: D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil) while reading includes of binding.gyp while trying to load binding.gyp
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: gyp failed with exit code: 1
npm ERR! gyp ERR! stack at ChildProcess.onCpExit (C:\Users\Winter\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\configure.js:351:16)
npm ERR! gyp ERR! stack at ChildProcess.emit (events.js:375:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19043
npm ERR! gyp ERR! command "D:\Program Files\nodejs\node.exe" "C:\Users\Winter\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd D:\InspuraccfunPro\ant-design-pro\node_modules\bufferutil
npm ERR! gyp ERR! node -v v14.17.1
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok
1 reply
while loading "./antd/es/locale/en_US" from webpack/container/reference/mf
