React with MVC, simple app, getting error

Question

I am creating a test React web application using documentation here in VS 2015 but I am getting error

Uncaught SyntaxError: Unexpected token <

my code

class CommentBox extends React.Component {
render() {
return (
  <div className="commentBox">
      Hello, world! I am a CommentBox.
  </div>
);
}
}

ReactDOM.render(
<CommentBox />,
document.getElementById('content')
);

the nuget package I have installed

React template are not support anymore. I get the same issue like this. You need to update to VS 2017 in order to use React in VS — user4851087
– user4851087, Commented Jul 16, 2018 at 4:12
You using MVC 4 with react and to me that package is not need . The detail of package can be found at. In VS 2017 there is built in React & .Net template you can check that out. And main reason is you dont use babel to compile your code from ES6 to ES5 — user4851087
– user4851087, Commented Jul 16, 2018 at 4:31

Archin Modi · Accepted Answer · 2018-09-26 09:57:27Z

2

in an image, a list of packages is for server-side rendering. you are trying to render as client side.

React.Web.MVC4 NuGet package is for server side. for example:

class CommentBox extends React.Component {
      render() {
         return (
            <div className="commentBox">
                Hello, {this.props.name}! I am a CommentBox.
            </div>
        );
    }
} /* Script/App.js */

@using React.Web.mvc

@Html.React("CommentBox",new{
    name="John"
})  /* Index.cshtml */

namespace MyApp
{
    public static class ReactConfig
    {
        public static void Configure()
        {
            ReactSiteConfiguration.Configuration = new ReactSiteConfiguration()
                .AddScript("~/script/App.js");
        }
    }
}  /* AppStart/reactConfig.cs */

react.js with mvc server side

answered Sep 26, 2018 at 9:57

Archin Modi

5222 gold badges9 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React with MVC, simple app, getting error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related