admin管理员组

文章数量:1532512

今天写个小例子一直报这个错，我也搞得有些莫名其妙

仔细检查了一些reder方法的返回值少了一对小括号

加上了小括号之后运行正常。

写程序的真的不能麻痹大意啊。

注意：

小括号不能这么写，这么写一样报错

一定要这么写才不报错

不知道这里面有什么玄机，

效果如下：

完整的代码粘贴如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
 
<div id="example"></div>
<script type="text/babel">
class Clock extends React.Component{

    constructor(props){
        super(props);
        this.state={
            date:(new Date().toLocaleTimeString())
        }
    }

    componentDidMount(){
        this.timer = setInterval(function(){
            this.setState({
                date:(new Date().toLocaleTimeString())
            });
        }.bind(this),1000);
    }

    render (){
        const {date}=this.state;
        console.log("date:",date);
        return (
            <div>
                <h2>现在是{date}</h2>
            </div>);
    }
    
}

ReactDOM.render(
    <Clock />,
    document.getElementById('example')
);
</script>
 
</body>
</html>

 

本文标签： 报错ErroraddingReactboundary

版权声明：本文标题：react 报错 Consider adding an error boundary to your tree to customize error handling behavior. 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1725348506a1020112.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。