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组件底部包含滑块组件，这样当我显示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

ReactJs包含另一个组件内的组件

1 个答案: