reactjs - 用 UI 状态 react dumb组件

Question

我想用 React 构建一个选择输入组件。select 应该是dumb组件，因为它只是一个 UI 组件，但它也有自己的状态(是否显示选项列表)

我应该如何管理这种状态？

return (
    const Select = (props) => {
        <div>
            <label>{placeholder}</label>
            {/*some toggle state*/ && <div>props.children</div>}
        </div>   
    }
)

谢谢!

Answer 1

您不应该对“它只是一个 UI 组件”这一事实感到太困惑。任何具有内部状态的东西都应该是一个类。

您的代码(一个下拉列表)是我何时应该使用内部状态的首选示例。

使用setState()管理您的状态。