所以我正在学习如何使用npm库,我找到了这个旋转木马。我在我的项目中实现了它,但我不确定如何更改属性。这是文档:https://www.npmjs.com/package/react-responsive-carousel,这是我当前的代码:
import React, { Component } from 'react';
import "react-responsive-carousel/lib/styles/carousel.min.css";
import { Carousel } from 'react-responsive-carousel';
import Project1 from './Project1'
import Project2 from './Project2'
class Projects extends Component {
constructor(props){
super(props)
this.state = {
showArrows: 'false',
showIndicators: 'false'
}
}
render() {
const styles = {
display: 'none'
}
return (
<Carousel>
<div>
<Project1 />
</div>
<div>
<img style = {styles}src="http://lorempixel.com/output/cats-q-c-640-480-1.jpg" />
<Project2 />
</div>
</Carousel>
);
}
};
export default Projects发布于 2019-11-19 11:55:09
您可以像处理普通组件一样执行此操作。
<Carousel showArrows={false} showIndicators={false}>
参考for demos.
https://stackoverflow.com/questions/58926373
复制相似问题