Reactjs 巴别塔崇高投掷错误

我有以下

ReactJS

代码：

render() {
        return (
            <ValidatorForm onSubmit={this.handleSubmit}>
                <TextValidator
                    floatingLabelText="Password"
                    onChange={this.handleChange}
                    name="password"
                    type="password"
                    validators={['required']}
                    errorMessages={['this field is required']}
                    value={user.password}
                />
                <TextValidator
                    floatingLabelText="Repeat password"
                    onChange={this.handleChange}
                    name="repeatPassword"
                    type="password"
                    validators={['isPasswordMatch', 'required']}
                    errorMessages={['password mismatch', 'this field is required']}
                    value={user.repeatPassword}
                />
                <RaisedButton type="submit" />
            </ValidatorForm>
        );
    }

---

还有谁见过这个吗？我很难找到一个IDE，它以一种反应的方式完成所有事情——尝试过Webstorm、Atom、VSCode等，但如果可能的话，我想坚持使用Sublime。

这似乎是一个配置问题。您的文件甚至可能未被识别为react文件。尝试将扩展名更改为

.jsx

。不，将其更改为

.jsx

-相同错误

Error: SyntaxErrorD:/web dev/repos/myRepo/client/src/Modules/Register.js: Unexpected token (81:12)

  79 |     render() {
  80 |         return (
> 81 |             <ValidatorForm onSubmit={this.handleSubmit}>
     |             ^
  82 |                 <TextValidator
  83 |                     floatingLabelText="Password"
  84 |                     onChange={this.handleChange}