GenderFactory.js

class Gender extends Field {
  const { item } = this.props;

  render() {
    ...
  }
}

class GenderFactory {
  get type() { return 'gender'; }
  
  create({ item }) {
    return <Gender item={item} />;
  }
}

export default GenderFactory;