小编Yin*_*ing的帖子

我的文件夹中有一些图像，我尝试循环播放它。例如，一个名为“coupons”的文件夹有一些图像，如“coupon1.png”、“coupon2.png”、“coupon3.png”......然后在一个组件中，我尝试创建一个函数来导入所有图像并返回

<img src={coupon1} alt='coupon1' className="slide" />
<img src={coupon2} alt='coupon2' className="slide" />
<img src={coupon3} alt='coupon3' className="slide" />
.....

我可以知道什么是一个好方法吗？如何避免一张一张导入图片？如何获取文件夹中图像文件的总数？

import coupon1 from '../assets/coupons/coupon1.png';
import coupon2 from '../assets/coupons/coupon2.png';
import coupon3 from '../assets/coupons/coupon3.png';
...

以及如何循环它们？我尝试使用模板字符串，但它以字符串结尾而不是变量，所以仍然不起作用。太感谢了！

我是反应新手。我在 App.js 中有这样的反应路由器配置：

<BrowserRouter>
    <div className="App">
      <Header />
      <Switch>
        <Route exact path="/" component={Home}>
        </Route>
        <Route exact path="/management" component={Management}>
        </Route>
        <Route exact path="/sign-up" component={SignUpForm}>
        </Route>
        <Route exact path="/sign-in" component={SignInForm}>
        </Route>
        <Route component={Error}>
        </Route>
      </Switch>
    </div>
  </BrowserRouter >

我希望每个页面都显示标题，标题处有一个注销按钮，我想在单击它后重定向到/登录页面。在我的标头组件中，它是这样的：

class Header extends Component {
constructor(props) {
    super(props);
    this.state = {
        redirect: false
    }

}
logout = () => {
    sessionStorage.setItem("userToken", '');
    sessionStorage.clear();
    this.setState({ redirect: true });


}
render() {
    if (this.state.redirect) {
        return (
            <Redirect to={'/sign-in'} />
        )
    }


    return (
        <div> …