我想创建一个动态组件，该组件显示依赖于url的json文件中的数据。而不是手动创建和存储每个页面。
例如：https://jsonplaceholder.typicode.com/posts
在页面路线上：/1
该页面将显示：
标题= unt aut facere repellat provident occaecati excepturi optio reprehenderit
身体= quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto。
如何从json返回特定数据？ 这是一个小提琴：https://jsfiddle.net/pb2tL7ma/
任何建议将不胜感激！
答案 0 :(得分：1)
一种解决方法是使用React Router with URL parameters并为 _this.playerVariables = {
enablejsapi: YT.JsApi.Enable,
version: 3,
autohide: YT.AutoHide.HideAllControls,
autoplay: YT.AutoPlay.AutoPlay,
color: 'red',
theme: 'dark',
iv_load_policy: YT.IvLoadPolicy.Hide,
modestbranding: YT.ModestBranding.Modest,
rel: YT.RelatedVideos.Hide,
showinfo: YT.ShowInfo.Hide,
cc_load_policy: YT.ClosedCaptionsLoadPolicy.UserDefault,
};
数组中的每个页面创建一个Link，并使用此URL参数提取要查看的页面
示例（CodeSandbox）
pages答案 1 :(得分：0)
尝试使用react-router-dom。像这样在App.js中添加一条路线：
<Route path='/posts/:id' component={DynamicData} />
然后您可以通过以下方式在id组件中获取该DynamicData：
this.props.match.params.id
答案 2 :(得分：0)
如上所述，您可以使用library(timetk)
mean_data %>%
mutate(Date = parse_date_time(as.character(Date), "Y-m")) %>%
tk_xts(silent = T) %>%
autoplot()
或基本上只使用Window.location对象。
它已经可以立即使用，因此您不需要外部依赖。