Question

我是React和jsfiddle的新手。我试图通过JSfiddle在React中编写一些基本的东西，但是屏幕上什么都没有出现，并且出现错误“未封闭的正则表达式”和“不可恢复的语法错误”。我没有找到任何解决方案或解释，为什么会出现这些错误，而不是在网络上和此处。以下是我的jsfiddle： https://jsfiddle.net/eli12m/or9uxwch/38/ 你能告诉我我想念的东西吗？以下是代码：

class InputPhoneNumber extends React.component{
	render(){
  	return(
    );
  }
}


class ReadOnlyPhoneNumber extends React.component{
	render(){
  	return(
    );
  }
}

class PhoneNumberInputDisplay extends React.component{
	render(){
  	return (<h1>Hello World</h1>); /* Here the errors */
  }
}

  ReactDOM.render(
    <PhoneNumberInputDisplay />,
    document.getElementById('root')
  );

<html>
<head>
    <title>Page Title</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
</head>
<body>
  <div class="jumbotron jumbotron-fluid">
    <div id="root" class="container">
    </div>
  </div>
</body>
</html>

Answer 1

糟糕的合唱，你不会写

return();

您什么也不能退回。在询问:)之前，请尝试使用控制台输出的消息来找出问题所在。在Chrome浏览器中，右键单击任意位置=>检查=>控制台标签

我在jsfiddle

1 个答案: