反应转盘/图像滑块

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;