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;

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

我该怎么做呢？

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-组成组件