小编CAu*_*tin的帖子

垂直 Menu Ant 设计高度 100%

下午好。我是 Web 开发新手,无法将 ant 设计菜单 ( https://ant.design/components/menu/ ) 置于屏幕高度的 100%。

我试图放在<Layout style = {{height:" 100vh "}}>之前,但它没有用。

这是我正在使用的代码

. . . . .

import React from 'react'
import { Layout, Menu, Breadcrumb, Icon, Button } from 'antd';

const { Header, Content, Footer, Sider } = Layout;
const SubMenu = Menu.SubMenu;

export class SideMenu extends React.Component {

  constructor(props){
    super(props)
    this.state = {collapsed: false}
  }

  toggleCollapsed (){
     this.setState({
       collapsed: !this.state.collapsed
     })
  }

  render() {
    return (
      <div style={{ width: 256 }}> …
Run Code Online (Sandbox Code Playgroud)

html javascript antd

6
推荐指数
1
解决办法
1万
查看次数

以 Antd 形式获取数组形式的结果

我希望我的表单以数组格式提交价格数据,目前,我的表单有一个地图,看起来像

{data.Type && 
    <div>
      {data.Type.map((datamapped)=> 

        <div key={datamapped._id}>
        <p>{datamapped.TypeName}</p>

           <Form.Item>

          {getFieldDecorator(`price.${datamapped._id}.basePrice`)(
            <Input placeholder="Base Price"/>,
          )}

          {getFieldDecorator(`price.${datamapped._id}.higherPrice`)(
            <Input placeholder="Higher Price"/>,
          )}

        </div>
      )}
    </div>
  }
Run Code Online (Sandbox Code Playgroud)

在这里,我将我的类型映射到此处并包含,basePrice 和 upperPrice 字段

结果是:

price: 
        { 
           '5dc2913cf9e2372b11db4252': { basePrice: '0', higherPrice: '0' },
           '5dc2a109f9e2372b11db4253': { basePrice: '0', higherPrice: '0' } 
        },
Run Code Online (Sandbox Code Playgroud)

我想要将上面的结果作为数组格式怎么办?

javascript reactjs antd ant-design-pro

4
推荐指数
1
解决办法
2万
查看次数

如何传递正则表达式重复的参数(python)

我正在学习正则表达式.如果我想在字符串中找到所有5个字母的单词,我可以使用:

import re
text = 'The quick brown fox jumps over the lazy dog.'
print(re.findall(r"\b[a-zA-z]{5}\b", text))
Run Code Online (Sandbox Code Playgroud)

但是我想写一个简单的函数,其参数包括字符串和找到的单词的长度.我试过这个:

import re
def findwords(text, n):
    return re.findall(r"\b[a-zA-z]{n}\b", text)    

print(findwords('The quick brown fox jumps over the lazy dog.', 5))
Run Code Online (Sandbox Code Playgroud)

但是这会返回一个空列表.这n是不被承认的.

如何用重复次数(或者在这种情况下,单词的长度)指定一个参数?

python regex repeat

3
推荐指数
1
解决办法
52
查看次数

如何使用 Ant Design 将输入数字限制为最多两位小数?

例如53.2320.15但不超过 2 位小数。想知道是否有一个 Ant Design API。

<InputNumber
  defaultValue={10}
  style={{ width: '30%', marginLeft: 28 }}
  name="quantity"
/>
Run Code Online (Sandbox Code Playgroud)

reactjs antd ant-design-pro

2
推荐指数
1
解决办法
4293
查看次数

如何使用 getfiledecoder 验证 ant design 中的 url

我希望实现 ant design url 验证。使用 getfiledecoder 如何进行 url 验证。

 <Form.Item label={label}>
        {getFieldDecorator(fieldName, {
          initialValue: initialValue,
          rules: [
            {
              required: true,
              whitespace: true,
              message: errorMessage,
              defaultField: { type: 'url' },
            },
          ],
        })(<Input placeholder={placeholder} className={'form-item input-lg'} />)}
      </Form.Item>
Run Code Online (Sandbox Code Playgroud)

我无法进行 url 验证

validation reactjs antd

0
推荐指数
1
解决办法
5842
查看次数

标签 统计

antd ×4

reactjs ×3

ant-design-pro ×2

javascript ×2

html ×1

python ×1

regex ×1

repeat ×1

validation ×1