小编fas*_*aas的帖子

在条件渲染或隐藏组件之间进行选择的事实上的方法是{ display: 'none' }什么？

为了便于讨论，让我们说，我有一个FilterComponent保存的title过滤器，和清单FilterItems，以name和amount。

简而言之，aFilterComponent可能是：

颜色

• 蓝色 (19)

• 黄色 (17)

• 橙色 (3)

• 黑色 (7)

• 绿色 (10)

  + Show More

当点击Show More按钮时，FilterItem会显示更多的s，即

颜色

• 蓝色 (19)

• 黄色 (17)

• 橙色 (3)

• 黑色 (7)

• 绿色 (10)

• 棕色 (17)

• 粉红色 (88)

• 白色 (55)

• 红色 (32)

• 紫色 (17)

  - Show Less

我应该隐藏FilterItems 下方的 sShow More吗？或者我应该为下面的那些返回 null 并在更新状态后呈现它们Show More？

如果我有一个组件，其 propTypes 如下

import React, { Component } from 'react'
import propTypes from 'prop-types'

class MyComponent extends Component {
    ///
}

MyComponent.propTypes = {
    hidden: propTypes.string.isRequired,
    items: propTypes.object,
    attributes: propTypes.array
}

MyComponent.defaultProps = {
    hidden: false,
    items: {},
    attributes: ['baz', 'qux']
}

如果我的组件是这样调用的

<MyComponent hidden={true} items={[value: 'foo', label: 'bar']} />

我希望它props.attributes填充有defaultProps值，因为它的值未定义。这是可以（容易）实现的吗？