if 语句和 for 循环在 JavaScript 中不是表达式，因此它们不能直接在 JSX 中使用，所以你可以将它们放在周围的代码中（return里不能出现for if，在render内 return前for if）

function NumberDescriber(props) {  let description;  if (props.number % 2 == 0) {    description = even;  } else {    description = odd;  }  return 
     
      {props.number} is an {description} number
     
;}

你可以通过子代嵌入更多的 JSX 元素，这对于嵌套显示组件非常有用：（每个组件状态都是独立的话，可以嵌套。如果每个组件之间需要共享状态，就要组合）

// 嵌套 
       
        
      
     

// 组合 render(){
       return (         
     
             
                   
               
     
     ); }