下午好。我是 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) 我希望我的表单以数组格式提交价格数据,目前,我的表单有一个地图,看起来像
{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)
我想要将上面的结果作为数组格式怎么办?
我正在学习正则表达式.如果我想在字符串中找到所有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是不被承认的.
如何用重复次数(或者在这种情况下,单词的长度)指定一个参数?
例如53.23或20.15但不超过 2 位小数。想知道是否有一个 Ant Design API。
<InputNumber
defaultValue={10}
style={{ width: '30%', marginLeft: 28 }}
name="quantity"
/>
Run Code Online (Sandbox Code Playgroud) 我希望实现 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 验证