TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: React JsonData Class for Displaying API Data – HN Clone Demo in Comment

2 点作者 __app_dev__超过 5 年前

1 comment

__app_dev__超过 5 年前
View Hacker News Clone Demo Live Here: <a href="https:&#x2F;&#x2F;www.dataformsjs.com&#x2F;examples&#x2F;hacker-news-react.htm" rel="nofollow">https:&#x2F;&#x2F;www.dataformsjs.com&#x2F;examples&#x2F;hacker-news-react.htm</a><p>Or view source code on GitHub: <a href="https:&#x2F;&#x2F;github.com&#x2F;dataformsjs&#x2F;dataformsjs&#x2F;blob&#x2F;master&#x2F;examples&#x2F;hacker-news-react.htm" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;dataformsjs&#x2F;dataformsjs&#x2F;blob&#x2F;master&#x2F;examp...</a><p>This demo is browser based with Babel Standalone so give it an extra second or two on a phone.<p>This component is designed to work well with both `create-react-app` and directly in a browser.<p>Basic usage: &lt;JsonData url=&quot;<a href="https:&#x2F;&#x2F;hacker-news.firebaseio.com&#x2F;v0&#x2F;topstories.json&quot;" rel="nofollow">https:&#x2F;&#x2F;hacker-news.firebaseio.com&#x2F;v0&#x2F;topstories.json&quot;</a> isLoading={&lt;ShowLoading &#x2F;&gt;} hasError={&lt;ShowError &#x2F;&gt;} isLoaded={&lt;ShowTopStories &#x2F;&gt;} &#x2F;&gt;