react-antd-multi-tabs-admin
react-antd-multi-tabs-admin copied to clipboard
hsl947
支持你 ant pro是真的重 越来越难用了
@qld-cf 没明白你说的实时同时又要缓存？切换的时候，可以通过判断页面当前路由，决定是否重新请求接口。 多tab页签本来就是类似 vue 的 keep-alive，页面组件保活，可以说已经有缓存的。 多tab也有弊端，就是太多tab或tab页签的 html 内容过多时，切换会感觉延迟卡顿，这个算是浏览器性能问题。
@hsl947 请求自己线上服务， 跨域了
xxx has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
不用配置axios，不跨域， 这样使用就正常
`import Axios from 'axios'
import { message } from 'antd'
import { store } from '@/store'
import { HashRouter } from 'react-router-dom'
Axios.get( 'http://xx.152:8080/admin/api/v1/books/list?results=10&page=1&pageSize=20' ) .then(function(response) { console.log(response) }) .catch(function(error) { console.log(error) })`
@qld-cf 哈哈，你这样当然不会跨域啊，但是每个接口都要加域名也很难受的。我们线上是采用nginx反代转发接口，来解决跨域问题。
location /api { proxy_redirect off; proxy_pass http://xxxxxx; proxy_set_header Host $host; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; }
查到了。。。<Layout className={styles.container} // onContextMenu={(e) => e.preventDefault()}
到处都是骚操作😀
我觉得select组件options的value和name无需props调整，不需要什么key, type, 外部数据格式 传value和name足够了，不然反而引起歧义和可读性差
class MySelect extends React.Component<Props> { render() { const { data, placeholder = '请输入搜索条件', value, onChange = () => { }, width = '100%', disabled, onSearch, defaultValue } = this.props const handerChange = (val: string | number): void => { onChange(val) } console.log('data', data) return ( <Select allowClear disabled={disabled} onChange={handerChange} optionFilterProp="children" placeholder={placeholder} showSearch style={{ width }} value={value} onSearch={onSearch} defaultValue={defaultValue} > {data.map((item, index) => ( <Option key={item['value']} title={item['name']} value={item['value']} > {item['name']} </Option> ))} </Select> ) } }
@qld-cf 你说得对，那几个字段确实是多余的，忘了删掉，都是为了配合后端接口才加的，他们后端有时用key，有时用code，不统一。我晚点会改掉，谢谢
@qld-cf 这个建议可以，但是从业务上来说，一般上传图片action的接口都是统一的，很少有多个不同接口来上传图片。这个我改了，不传的话，默认可以写死。
@qld-cf 这个建议可以，但是从业务上来说，一般上传图片action的接口都是统一的，很少有多个不同接口来上传图片。这个我改了，不传的话，默认可以写死。
@hsl947 我在自己业务拓展了上传小视频功能，直接从myUpload拓展了，当然可以重写一个，但没必要... 所以很多地方写死的地方完全可以用props，既然是开源，我觉得可以尽量已拓展性高为主，需要考虑别人用的时候尽量通过配置就可以用起功能，小小建议...
大佬，还有个建议，如果有空可以再优化下文档，比如主题颜色哪儿配置，表单查询，不同接口的参数和返回如何处理优雅，什么的，让小白上手更快，相信✨更多~
好的，没问题，多谢建议☺️
大佬你的主题颜色在哪里设置配置啊
全局主题色：/config/webpack.config.js
个性化的深浅样式（非antd的标准组件）：/public/color.less