如何解决语法错误:Reactjs中的意外标记(100:33)

Question

我的问题：下面的链接显示了我在编码时遇到的问题，有人能帮我解决吗？

我的错误图像

我的代码：

<Modal
open={open}
onClose={handleClose}
aria-labelledby="simple-modal-title"
aria-describedby="simple-modal-description">
<div style={modalStyle} className={classes.paper}>
<p>Select files you want to upload!</p>
{
uploading ? (
<p>Uploading...</p>
) : (   
<> 
<input type="file" onChange={handleChange} />
<button onClick={handleUpload}>Upload</button> 
</>
)
}
</div>
</Modal>

Answer 1

我认为用<div>替换<>就能解决问题

<Modal
open={open}
onClose={handleClose}
aria-labelledby="simple-modal-title"
aria-describedby="simple-modal-description">
<div style={modalStyle} className={classes.paper}>
<p>Select files you want to upload!</p>
{
uploading ? (
<p>Uploading...</p>
) : (   
<div> 
<input type="file" onChange={handleChange} />
<button onClick={handleUpload}>Upload</button> 
<div/>
)
}
</div>
</Modal>