hoc vs render function

// hoc
compose(
  withState('a', 'setA'),
  withState('b', 'setB'),
  withProps(({ a, b }) => ({ c: a + b }))
);

// render function
return (
    <div>
      <WithState
        config={['a', 'setA']}
        render={({a, setA}) => (
          <WithState
            config={['b', 'setB']}
            render={({b, setB}) => (
              <WithProps
                config={({ a, b }) => ({ c: a + b })}
                render={({ c }) => (
                  <div>
                    {c}
                  </div>
                )}
              />
            )}
          />
        )}
      />
    </div>
  )