重组：等价于withState / withHandlers与withStateHandlers的组合

Question

一个简单的问题：如果我想使用withStateHandlers而不是withState / withHandlers夫妇。 这等效于什么：

withState('value', 'updateValue', ''),
withHandlers({
    onChange: ({updateValue}) => event => updateValue(event.target.value)
})

感谢您的回答 ：）

Answer 1

withStateHandlers没有名为stateUpdater （如updateValue你的情况），所以你需要直接与状态进行交互。

withStateHandlers(
  // you define the initial state
  { value: '' }, 
  // this is handler - you return a new state - updated value in this case
  { onChange: () => event => ({ value: event.target.value }) } 
)