javascript 使用ReactJS和React Router Dom?创建页面插件[已关闭]

cld4siwp  于 2023-01-01  发布在  Java
关注(0)|答案(1)|浏览(135)

16小时前关门了。
Improve this question
以下是他们的设置:这不是代码帮助,而是一个代码实验。我对学习如何创建像eyebuydirect这样的插件很感兴趣。

    • 页面结构:**
  • /眼镜/
  • /眼镜/女人
  • /眼镜/男士
  • /眼镜/小孩
  • /太阳镜/
  • /太阳镜/女人
  • /太阳镜/男士
  • /太阳镜/孩子

创建的每个页面都有不同的slug名称。我想弄清楚这是如何在ReactJS中使用react-router-dom来完成的。我可以用ReactJS来完成这一点。
1.React路由器Dom
1.使用useParams

  • 你过去做过哪些建议?
  • 您将从何处开始考虑构建这种页面结构?
5w9g7ksd

5w9g7ksd1#

首先,您必须导入npm包,并使用下面给出的示例代码作为参考-
Slugify是一个用来创建slug名称的包

import slugify from 'react-slugify';

slugify('something I want to test');
// -> "something-i-want-to-test"

slugify(<span>Yes it works like that too</span>);
// -> "yes-it-works-like-that-too"

slugify(
  <>
    <span>and</span>
    <span>with</span>
    <span>fragments or arrays</span>
  </>
);
// -> "and-with-fragments-or-arrays"

slugify(<h3>Home Men</h3>, { delimiter: '_' });
// -> home_men

slugify(<h3>Home Women</h3>, { prefix: 'user-content' });
// -> home-women
slugify(<h3>Home accessories</h3>, {
  delimiter: '_',
  prefix: 'user-content',
});
// -> user-home_accessories

相关问题