Reactjs 如何单击鼠标打开下一页 太长，读不下去了

我想在React中实现

嵌套路由

。我可以使用什么图书馆

问题: 大家好！我有标题。对于每个标题，我都有一个描述。例如，我想更改文本，当我单击标题2时，请注意下面的示例。我想知道什么是用于这些目的的最佳方法？你是说什么？例如，一些npm包。如果互联网上有这样的例子或课程，请给我一个链接

例子

---

以下是使用simple

useState

hook的示例

完整代码：

import React，{useState}来自“React”；
导入“/styles.css”；
常数数据=[
{
id:1，
标题：“标题1”，
说明：
“标题1大家好！\n我有标题。对于每个标题，我都有一个描述。\n例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y \我想知道什么是用于这些目的的最佳选择？react路由器或其他东西？例如一些npm包。如果如果网上有这样的例子或课程，请给我留个链接“
},
{
id:2，
标题：“标题2”，
说明：
“标题2大家好！我有标题。对于每个标题，我都有一个描述。例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y 我想知道什么最适合用于这些目的？react路由器或其他什么？例如一些npm包。如果有呢网上有这样的例子或课程，请给我留个链接“
},
{
id:3，
标题：“标题3”，
说明：
“标题3大家好！\n我有标题。对于每个标题，我都有一个描述。\n例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y \我想知道什么是用于这些目的的最佳选择？react路由器或其他东西？例如一些npm包。如果如果网上有这样的例子或课程，请给我留个链接“
},
{
id:4，
标题：“标题4”，
说明：
“标题4大家好！\n我有标题。对于每个标题，我都有一个描述。\n例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y \我想知道什么是用于这些目的的最佳选择？react路由器或其他东西？例如一些npm包。如果如果网上有这样的例子或课程，请给我留个链接“
},
{
id:5，
标题：“标题5”，
说明：
“标题5大家好！\n我有标题。对于每个标题，我都有一个描述。\n例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y \我想知道什么是用于这些目的的最佳选择？react路由器或其他东西？例如一些npm包。如果如果网上有这样的例子或课程，请给我留个链接“
},
{
id:6，
标题：“标题6”，
说明：
“标题6大家好！\n我有标题。对于每个标题，我都有一个描述。\n例如，我想更改文本，当我单击标题2时，请注意示例，https://ibb.co/8mCHK5y \我想知道什么是用于这些目的的最佳选择？react路由器或其他东西？例如一些npm包。如果如果网上有这样的例子或课程，请给我留个链接“
}
];
导出默认函数App（）{
const[index，setIndex]=useState（0）；
返回(
{data.map（（d，i）=>(
{
setIndex（i）；
}}
>
{d.title}
))}
{数据[索引][“说明”]}
);
}

注：我当时正忙着编写代码，没有看到你的最新评论，天哪。

---

但不管怎样，我希望它能帮助一些人。

如果您想将活动索引传递到url中，然后使用它来更改当前显示，可以使用路由器。或者只使用redux、rxjs或上下文API。我建议您看看上下文API，因为您似乎才刚刚开始。感谢您抽出时间回答我的问题，我可以使用redux而不是上下文吗？是的，您可以使用redux。使用你觉得舒服的东西。因为它只是一个简单的内容替换，所以Redux应该可以。如果您只想更改所单击标题的描述，可以使用simple

useState

。Ketan Ramteke-感谢您的回答。是的，useState或setState可以更改文本，但我想知道标题使用什么，因为当您单击标题时，文本应该会更改，您可以使用常规的NavLink路由器或其他东西吗？