小编PRU*_*NGH的帖子

未处理的 Promise 拒绝:SyntaxError:字符串与 ReactJS 网站中的预期模式不匹配

我正在使用 ReactJS 构建一个网站,该网站使用我计算机本地存在的 JSON 来获取要填写的信息。这是index.js 文件:-

import React from 'react';
import data from 'notes.json';

class BlogList extends React.Component {
    constructor(props){
        super(props);

        this.state={
            items:[],
            loaded: false
    };

}

/* useEffect()=>{
return function(){

}
},[deep])
*/      //Similar to ComponentDidUnMount();

componentDidMount(){
    fetch(data)
    .then(response => response.json())
    .then(json => {
        this.setState({
            items: json,
            loaded: true,
        })
    })
    
 }

    render() {
        const {items, loaded} = this.state;

       if(!loaded){
            return <h3>Loading........</h3>
        }
        return (
            <div className="content-container" >
            {   
                items.map((item)=>(
                    <div key={item.id}>

                        <p>
                            {item.postId}
                        </p>
                        <p>
                            {item.id}
                        </p>
                        <p> …
Run Code Online (Sandbox Code Playgroud)

javascript web reactjs

1
推荐指数
1
解决办法
6025
查看次数

标签 统计

javascript ×1

reactjs ×1

web ×1