摘要:
transform: translate(-50%); translate(50%) 相当于 translateX(50%),表示沿X轴方向平移元素自身宽度的50%。 绝对定位是最常见的问题是难以居中,所以可以改变元素的中心,来达到居中的效果 position: absolute; left: 50 阅读全文
摘要:
核心为onChang事件,赋值需要关注value <Form.Item name='position' label="位置" style={itemStyle} > <InputXYZ /> </Form.Item > const InputXYZ = (props) => { const { id 阅读全文
摘要:
<Select allowClear mode="multiple" showArrow={true} showSearch={true} filterOption={(inputValue, option) => option?.props?.label.includes(inputValue)} 阅读全文
摘要:
{ dataIndex: 'contractSignDate', key: 'contractSignDate', title: '合同签订日期', width: 120, ellipsis: true, sorter: (a, b) => moment(a?.contractSignDate).v 阅读全文
摘要:
const disabledDateStart = useCallback((current) => { if (!contractEndDateValue) { return false } else { return current && current > contractEndDateVal 阅读全文
摘要:
// 自定义手机号校验规则 const validatePhone = (_, value) => { const phoneRegex = /^1[3456789]\d{9}$/; if (!value || phoneRegex.test(value)) { return Promise.res 阅读全文
摘要:
const formData = new FormData(); formData.append('file', file); 讲数据处理成file:file的表单数据格式 const handleUpload = async (file) => { const formData = new For 阅读全文
摘要:
1.scrollTop scrollTop 为 0 2.history.scrollRestoration 使用很简单,在页面的任意位置执行下面几行 JS 代码就可以了: if (history.scrollRestoration) { history.scrollRestoration = 'ma 阅读全文
摘要:
核心思路:dom渲染与key值有关系,如果想实现上述需求,则需要关注改变前后的循环项的key值是否发生改变 currentCabinet?.map((item, index) => <BaseInfo key={`currentCabinet${item?.ciId}`} sceneKey={sce 阅读全文
摘要:
async/await获取请求结束时机,拿到结果(非promise类型的结果) const getModalData = useCallback(async () => { const result = await sendRequest(currentCabinet) setData(result 阅读全文