小编the*_*esh的帖子

如何在 React JS 中动态生成站点地图

我在我的react应用程序中使用react-router-dom进行路由,有近5000个页面(基于API动态生成),现在我不知道如何为这些动态页面生成站点地图

我的 Routes 组件中的一段代码

<Route
  path={process.env.PUBLIC_URL + '/genres/:name'}
  exact
  component={MovieGenre}
/>
<Route
  path={process.env.PUBLIC_URL + '/discover/:name'}
  exact
  component={DiscoverMovies}
/>
<Route
  path={process.env.PUBLIC_URL + '/find/:query'}
  exact
  component={SearchPage}
/>
<Route
  path={process.env.PUBLIC_URL + '/moviesdetail/:id'}
  exact
  component={MovieScrees}
/>  
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router react-router-dom

7
推荐指数
1
解决办法
1万
查看次数

箭头函数参数周围的预期括号。(箭头括号)

如何避免ES7箭头函数上的流型错误

handleSelectCategory = (e) => {
  const { form } = this.state;

  let newCategories = [];
  if (form.categories.findIndex((c) => c.value === e.value) >= 0) {
    newCategories = form.categories.filter((c) => c.value !== e.value);
  } else {
    newCategories = [...form.categories, e];
  }
  this.setState({
    form: Object.assign({}, form, { categories: newCategories }),
  });
};
Run Code Online (Sandbox Code Playgroud)

我收到警告

Expected parentheses around arrow function argument. (arrow-parens)
Run Code Online (Sandbox Code Playgroud)

javascript reactjs eslint

5
推荐指数
1
解决办法
2万
查看次数

在网页中使用平滑滑块后出现水平滚动条

我正在使用 slick 创建一个滑块。当我在光滑容器内使用两个 div 标签时,水平滚动条不会出现。但是当我在 slick 中使用两个以上的 div 时,会出现水平滚动条。我已将光滑的代码放入容器流体中。

Html code

<section class="bg-white py-5">
            <div class="container-fluid">
                <div class="cust-slider">
                    <div>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                    <div>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                    <div>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                    <div>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                    <div>
                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
                    </div>
                </div>
          </div>
</section>
Run Code Online (Sandbox Code Playgroud)

JavaScript

 $('.cust-slider').slick({
            dots: true,
            infinite: false,
            speed: 300,
            slidesToShow: …
Run Code Online (Sandbox Code Playgroud)

javascript css twitter-bootstrap slick.js

3
推荐指数
1
解决办法
7954
查看次数