React.js中的Carousel

2024-05-20 • 问答

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

var axios = require("axios")

var CancelToken = axios.CancelToken;
var call1 = CancelToken.source();
var call2 = CancelToken.source();

axios.get('http://your/api/call',{
  cancelToken: call1.token
}).catch(function(thrown) {
  if (axios.isCancel(thrown)) {
    console.log('Ongoing server call is cancelled',thrown.message);
  } else {
    // handle error
  }
});

setTimeout(function() {
    // Cancel ongoing server call
    call1.cancel('Stopping current server call');

    // Server call on delete
    axios.get('https://your/api/call',{
      cancelToken: call2.token
    }).then(function(response) {
        console.log('Success',response.status);
    });
},1000)

我遇到如下错误

您忘记写退货了。渲染功能也需要（）。

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>
  );
}

您似乎缺少一些代码，还需要四处移动。不幸的是，该教程缺少一些代码，使所有内容似乎都在默认的导出类中。

您需要在文件顶部添加import React from 'react'行，它必须位于每个React组件中。

还需要将注入样式等的Component组成线移到导出类的外部。另外，还需要定义它们，即使用const。

 const Container = styled.div`...`
 const CarouselUI = ({ children }) => <Container>{children}</Container>;
 const Carousel = makeCarousel(CarouselUI);

，然后在render函数中也缺少return语句。记住它是Slider类的一个功能，因此您还需要在后面加上（）。

查看有效的密码箱-https://codesandbox.io/s/agitated-browser-foxsb?fontsize=14&hidenavigation=1&theme=dark

您必须安装： npm install react-sensitive-carousel

有关轮播的更多信息，请点击以下链接：链接：https://www.npmjs.com/package/react-responsive-carousel

还有更多您忘了写渲染{ 返回（...... ） }

React.js中的Carousel

wuzheng96201 回答：React.js中的Carousel

大家都在问