option-a.js

const TextField = React.createClass({

  displayName: 'TextField',

  renderLabelText() {
    if (!this.props.label) return null;

    return (
      <span>{this.props.label}</span>
    );
  },

  render: function () {
    return (
      <label>
        {this.renderLabelText()}
        
        <TextInput
          value={this.props.value}
        />
      </label>
    );
  },

});

option-b.js

const TextInput = React.createClass({

  displayName: 'TextInput',

  render: function () {
    return (
      <input
        type="text"
      />
    );
  },

});

const TextField = React.createClass({

  displayName: 'TextField',

  render: function () {
    return (
      <label>
        <span>{this.props.label}</span>
        <TextInput
          value={this.props.value}
        />
      </label>
    );
  },

});

option-c.js

function InputField(Type) {
  return React.createClass({
      displayName: Type.displayName + 'Field',
      render: function () {
        return (
          <label>
            <span>{this.props.label}</span>
            <Type {...this.props}/>
          </label>
        );
      },
    });
}

const TextInput = React.createClass({
  displayName: 'TextInput',
  render: function () {
    return (
      <input
        type="text"
      />
    );
  },

});

const TextField = InputField(TextInput);`