ReactJs包含/另一个组件

Question

我有一个反应成分页面是这样的内部组件：

import React from 'react'; 

const About =() => (
    <div> 
    <h2>About</h2> 
    <p> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p> 
    </div> 
); 

export default About; 

，第二个在那里我加入一个滑块：

import React from 'react'; 

const Slider =() => (
    <div> 
    <h2>Slider</h2> 
    <p>Slider Goes here</p> 
    </div> 
); 

export default Slider; 

我需要做的是在上面关于组件的底部包含滑块组件，这样当我显示About组件时，滑块也会出现。

我该怎么做？

Answer 1

就这样

import React from 'react'; 
import Slider from 'path/to/Slider'; 

const About =() => (
    <div> 
    <h2>About</h2> 
    <p> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </p> 
    <Slider /> 
    </div> 
); 

export default About; 

React - Composing Components