问题标题: 谁能帮我一下

0
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`了


0
已采纳
薛乘志
薛乘志
初级启示者
初级启示者

我没学过react,叫**啥

不过用了js框架就别引jquery了,容易出bug

0
沙宸安
沙宸安
高级启示者
高级启示者

我没有针对你的WPCRAFT,我指的是冮欢的GHCRAFT,代码全盘抄袭,就改个名字

0
0
我要回答