調用在同一頁的多個組件中React.js

Question

我創建一個反應，這使2反應組件作爲

render() { 
    return (
     <Header />    
     <Test /> 
    ); 
} 

頁眉有簡單的靜態content.In測試我使用的終極版調用外部API主頁在頁面頁面加載作爲

componentWillMount() { 
    if (this.props.onPageLoadTest) { 
     this.props.onPageLoadTest(); 
    } 
} 
render() { 
    const { data } = this.props; 
    return (
     <div> 
      { 
       data.map((a) => (

        <div key={a.id}>{a.id} 

        </div> 

       )) 
      } 
     </div> 
    ); 
} 

使用道具我展示內容在測試component.Header和測試時，我分別使它們工作正常。
當我試圖合併時，只有標題顯示，但測試無法從API獲取數據。

Answer 1

你不能做這樣的事情：

render() { 
    return (
     <Header />    
     <Test /> 
    ); 
} 

有可能在render()，如果你要渲染的標題，在這裏測試一起

的return，你必須只有一個標記用一個標記來包裹它們，如下所示：

render() { 
    return (
     <div> 
      <Header />    
      <Test /> 
     </div> 
    ); 
}