title: Best method to combine defined props in React component
body: <p>I have one component which receives props of user details like <code>first_name</code> and <code>last_name</code>. It is possible that either one of <code>first_name</code> and <code>last_name</code> to be <code>undefined</code> or both are <code>undefined</code>.</p>
  
  <p>I want to receive it inside a parent component and display it by combining like this : </p>
  
  <pre><code>contactName = {props.client_firstname || props.client_lastname ?
             props.client_firstname +" " +props.client_lastname : "N/A" }
  </code></pre>
  
  <p>What is the best method to check if the value is set for <code>first_name</code> and <code>last_name</code> inside the above ternary condition and combine only defined values? </p>