反应轮播/图像滑块

Question

我正在 React JSX 中为配置文件部分制作图像滑块，但它不起作用。

import React from 'react';
import AwesomeSlider from 'react-awesome-slider';
import 'react-awesome-slider/dist/styles.css';

const slider = (
  <AwesomeSlider>
    <div data-src={require('../assets/icons/s1.jpg')} />
    <div data-src={require('../assets/icons/s2.jpg')} />
    <div data-src={require('../assets/icons/s3.jpg')} />
  </AwesomeSlider>
);
export default slider;

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。

查看App的渲染方法。

Answer 1

因为您使用slider 作为组件，所以它必须返回一个函数：

const Slider = ({props}) => (
    <AwesomeSlider>
        <div data-src={require('./assets/icons/s1.jpg')}/>
        <div data-src={require('./assets/icons/s2.jpg')}/>
        <div data-src={require('./assets/icons/s3.jpg')}/>
    </AwesomeSlider>
);
export default Slider;