小编sme*_*sme的帖子

如何将其他道具添加到作为道具传入的React元素?

我将一个反应元素作为道具传递给另一个元素.在接收prop的子元素中,我需要为该元素设置其他道具.

例如:

家长班

class Menu Extends React.Component {
    render() {
        return(
            <div className="Menu">
                <MenuItem icon={<MdInbox />} />
                <MenuItem icon={<MdDrafts />} />
                <MenuItem icon={<MdTrash />} />
            </div>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

儿童班

class MenuItem Extends React.Component {
    render() {
        return(
            <div className="MenuItem">
                {this.props.icon} // I want to set the icon's size prop here
            </div>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

this.props.icon是一个React元素(<MdInbox />,<MdTrash />等),它允许一个属性size.我想sizeMenuItem类中设置属性,而不是像这样在父类中传递prop : <MenuItem icon={<MdInbox size={24} />}. 我更喜欢在MenuItem课堂上只在一个地方设置大小.

javascript jsx reactjs

8
推荐指数
2
解决办法
6910
查看次数

当字段不为空时创建部分索引

我正在尝试在字段上创建部分索引,但仅当该字段不为空时。换句话说,我希望能够让许多文档能够存储空值,但是对于在该字段中实际具有值的文档,我希望该值是唯一的。这是我尝试使用的代码

db.account.createIndex({ "email": 1 }, { unique: true, partialFilterExpression: { "email": { $ne: null } }})
Run Code Online (Sandbox Code Playgroud)

根据我的理解,email当它不等于空时,这应该索引该字段。

但它给出了错误:

"unsupported expression in partial index: $not email $eq null"
Run Code Online (Sandbox Code Playgroud)

我尝试更改$ne: null$exists: true,但是已经有多个文档的电子邮件字段值为空,因此它也引发了错误。我的架构有一个用于文档的电子邮件字段,所以每个文档都会自动有一个email字段,这意味着$exists: true无论如何都不会工作。

只有在字段不为空时才能索引字段的任何帮助都会很棒。

indexing mongodb

7
推荐指数
1
解决办法
1244
查看次数

在为其索引赋值之前声明数组的长度是否更有效?

在赋值之前设置数组的长度有什么好处吗?

例如,

let arr = [];
arr.length = 10;
arr[0] = 'a'; // arr.length === 10
...
arr[9] = 'i'; // arr.length === 10
Run Code Online (Sandbox Code Playgroud)

甚至

let arr = new Array(10);
arr[0] = 'a'; // arr.length === 10
...
arr[9] = 'i'; // arr.length === 10
Run Code Online (Sandbox Code Playgroud)

let arr = [];
arr[0] = 'a'; // arr.length === 1
arr[1] = 'b'; // arr.length === 2
...
arr[9] = 'i'; // arr.length === 10
Run Code Online (Sandbox Code Playgroud)

javascript arrays

5
推荐指数
1
解决办法
84
查看次数

标签 统计

javascript ×2

arrays ×1

indexing ×1

jsx ×1

mongodb ×1

reactjs ×1