React.js中的Carousel

Question

我正在尝试实施this教程。我的代码如下所示

import makeCarousel from 'react-reveal/makeCarousel';
import Slide from 'react-reveal/Slide';
import styled, { css } from 'styled-components';


export default class Slider extends Component {
  Container = styled.div`
    border: 1px solid red;
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 150px;
  `;
 CarouselUI = ({ children }) => <Container>{children}</Container>;
 Carousel = makeCarousel(CarouselUI);

render (
    <Carousel defaultWait={1000} /*wait for 1000 milliseconds*/ >
      <Slide right>
        <div>
          <h1>Slide 1</h1>
          <p>Slide Description</p>
        </div>
      </Slide>
      <Slide right>
        <div>
          <h1>Slide 2</h1>
          <p>Slide Description</p>
        </div>
      </Slide>
    </Carousel>
  );
}

我收到如下错误

Answer 1

您忘了写回执

render {
return (
    <Carousel defaultWait={1000} /*wait for 1000 milliseconds*/ >
      <Slide right>
        <div>
          <h1>Slide 1</h1>
          <p>Slide Description</p>
        </div>
      </Slide>
      <Slide right>
        <div>
          <h1>Slide 2</h1>
          <p>Slide Description</p>
        </div>
      </Slide>
    </Carousel>
  );
}