我在我的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) 如何避免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) 我正在使用 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)