如何在React Native中创建不受控复选框组件？无需useState实现内部状态管理与重渲染

核心疑问 #

• 如何不使用useState钩子，通过DOM在组件内部管理并更新状态？
• 如何实现组件重渲染？

调研过程 #

我在网上做了大量调研，发现现有资料大多围绕TextInput这类已有现成实现的原生组件展开，无法得知这类组件底层的状态管理与重渲染实现逻辑。而针对CheckBox的搜索结果，绝大多数都是受控组件的实现方案，仅在纯React生态中找到了关于默认非受控原生组件的相关内容。

最终结论 #

经过调研后我得出明确结论：非受控组件确实需要用到useState状态，因为React中只有通过状态更新才能触发组件重渲染。

受控组件与非受控组件的核心区别在于：非受控组件的状态由组件自身创建并内部管理，状态更新仅会触发当前组件的重渲染；而受控组件的状态由父组件传入并管理，状态变更会由父组件统一触发相关组件的重渲染。

因此最初两个问题的答案是否定的——无法创建不使用useState却能实现重渲染的非受控组件。其中Mahammad Momin的回答对我帮助最大，与我的调研结果完全契合，以此结论为准。

内容的提问来源于stack exchange，提问作者Gustavo Almeida Cavalcante