Key Setter

keysetter.js

/*
This function can be used in `compose` to decide on a key for a given component
@example:

export default compose(
  connect(state => ({
    a: state.a,
    b: state.b,
  })),
  KeySetter(props => `${props.a}-${props.b}`), // remounts a component if one of `a` or `b` changes.
)(A)


@see https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key
 */
export const KeySetter = keyFn => WrappedComponent => props =>
  <WrappedComponent key={keyFn(props)} {...props} />