0
已解决
王牌工作室官方
新手光能
新手光能
emmm什么板块呢?为了可复制,就代码分享吧
说正事,我在开发一个React网站,结果出现了一个问题
render-gui.jsx文件内容:
//主页
function Home(props) {
return (
<div>
<h1>这里是HelloWorld的新博客网站</h1>
<p>本站使用React框架编写,我也是才学React,高手请多多指教</p>
<p>我的博客被<img src="https://saobby.pythonanywhere.com/api/webcounter?id=bcbcj76C3lXbkRYu" />次访问</p>
</div>
);
}
//博客
function GetBlogs() {
var arr=[];
var flag=0;
$.get('https://api.github.com/repos/WP-Studio01/NewBlog/issues',function(data){
// console.log(data.length);
for(var i in data) {
var id=data[i]['number'];
var url='blog/?id='+id;
// console.log(1);
arr.push('<div><a className="blogSub" href='+url+'>'+data[i].title+'</a><br /></div>');
}
flag=1;
});
while(flag=0){;}
console.log(arr.join(' '));
return arr.join(' ');
}
function Blog(props) {
return (
<div dangerouslySetInnerHTML={{__html: GetBlogs()}}></div>
);
/*
<a className="blogSub" href="/blog/?id=5">我 . 光速趋势</a><br />
<a className="blogSub" href="/blog/?id=4">正式使用Github Issue作为博客载体</a><br />
<a className="blogSub" href="/blog/?id=3">新博客**正式开始使用啦</a><br />
<a className="blogSub" href="/blog/?id=2">test</a><br />
*/
// return GetBlogs();
}
//存储库
function Repo(props) {
return (
<div>
<p>未开发完成</p>
</div>
);
}
//404
function NotFound(props) {
return (
<div>
<h1>404 Not Found</h1>
<p>找啥呢</p>
</div>
)
}
//主体文字
function Text(props) {
switch(location.hash) {
case '#/home':
return <Home />
case '#/blog':
return <Blog />;
case '#/repo':
return <Repo />;
case '#/code':
return <NotFound />;
default:
return <NotFound />;
}
// return (
// <div>
// {location.hash=='#/home'?():
// (location.hash=='#/blog'?:
// (location.hash=='#/repo'?<Repo />:<NotFound />))}
// </div>
// );
}
(window.onhashchange=function() {
if(location.hash=='') {
location.hash='#/home';
return;
}
ReactDOM.render(
<div>
<Nav />
<center><Text /></center>
</div> ,
**.getElementById('content')
)
})();
还有这里面引入的nav.jsx(没有用import,在index.html里面引入的)
//导航栏
function Nav(props) {
return (
<div>
<a className="navitem" href="/#/home">主页</a>
<a className="navitem" href="/#/blog">博客</a>
<a className="navitem" href="/#/repo">存储库</a>
<a className="navitem" href="/#/code">代码</a>
<a className="navitem github" href="https://github.com/WP-Studio01/NewBlog">Github</a>
<a className="navitem github" href="java**:void(0)" onClick={function(){prompt('请输入你的Github账号Token,在访问博客时使用','请输入')}}>登录/修改Github账号</a>
</div>
);
}
说好的数组放进去会自动展开的呢?
截图:
这控制台里面也没报错啊,@薛乘志
另外,这是最新版本,Github上的是旧版本,我把自动适配新博客的BUG修好后会传到Github上的
不会React的屑就别来了
王牌工作室官方在2022-12-21 12:55:18追加了内容
第一个* *:
* *=d o c u m e n t
第二个* *:
java* *=j a v a s c r i p t
王牌工作室官方在2022-12-21 12:57:14追加了内容
引用了React库,jQuery库
王牌工作室官方在2022-12-21 15:00:48追加了内容
有办法了,我不小心把`flag==0`写成`flag=0`了