Extending component

extending-component.jsx

// BEFORE:
const CommentTextArea = ({ maxCharacters, name, validate, ...otherProps }) => (
	<TextareaField
		name={name}
		rows={4}
		label={<Message {...messages.comment} />}
		maxCharacters={maxCharacters}
		{...otherProps}
	/>
);
CommentTextArea.propTypes = {
	maxCharacters: PropTypes.number,
	name: PropTypes.string,
};
CommentTextArea.defaultProps = {
	maxCharacters: 256,
	name: 'comment',
};

// AFTER:

const CommentTextArea = props => <TextareaField {...props} />;

CommentTextArea.propTypes = {
	maxCharacters: PropTypes.number,
	name: PropTypes.string.isRequired,
	rows: PropTypes.number,
};

CommentTextArea.defaultProps = {
	maxCharacters: 256,
	rows: 4,
	label: <Message {...messages.comment} />,
};