React: inline conditionally pass prop to component

Question

I would like to know if there is a better way to conditionally pass a prop than using an if-statement.

For example, right now I have:

var parent = R         


        

Answer 1

var parent = React.createClass({
  propTypes: {
    editable: React.PropTypes.bool.isRequired,
    editableOpts: React.PropTypes.shape({...})
  },
  render: function() {
    return (
      
    );
  }
});

This passes the props if they are defined. Else the props are not passed. In the other answer's the props are still passed but the value is undefined which still means the props are being passed.