Rezesponse: Äquivalent der Kombination withState/withHandlers with withStateHandlers

Question

Einfache Frage: wenn ich withStateHandlers anstelle des Paares withState/withHandlers verwenden möchte. Was ist der equivalant dafür:

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

Vielen Dank für Ihre Antwort :)

Answer 1

withStateHandlers nicht stateUpdater genannt hat (wie updateValue in Ihrem Fall), so dass Sie mit dem Zustand direkt interagieren müssen.

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 }) } 
)