a.js

hoc vs render function

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

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