重組：等價於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 }) } 
)