using @Html.React in my .net MVC view

Question

I did the comments tutorial on http://reactjs.net/getting-started/tutorial.html and got it to render server side using .net mvc.

I have an existing mvc app where I rewrote a page in react. I'm trying to render it server side but get this message:

"'System.Web.Mvc.HtmlHelper>' does not contain a definition for 'React' and no extension method 'React' " - the error refers to the "@Html.React" code in my view.

@Html.React("TopicAnswers", new
{
    initialAnswers = Model,
    url = Url.Action("TopicAnswers", new { id = ViewBag.TopicID }),
})

I have the same files downloaded from Nuget as the tutorial. I tried this at the top of my view to no avail:

@using React;

In my ReactConfig.cs file, I see a "using React;" at the top and in the code, this is fine:

ReactSiteConfiguration.Configuration
                .AddScript("~/Scripts/internal/eusVote/TopicAnswers.jsx");

One more thing. My view is in /Areas/Subfolder/Views

Why does my code complain about @Html.React in my view?

try to add namespace in web.config which is located in Views folder — Snake Eyes
– Snake Eyes, Commented May 20, 2015 at 5:49
@SnakeEyes Awesome. I added React.Web.MVC namespace to the respective web.config in the Views folder and that did it. Actually got another error but at least this part is resolved. You guys are amazing. Muchos gracias. - BTW, the reason it wasn't working was because the view was in an Areas subfolder and not the main View folder. Thus, I had to add namespace to the "internal" web.config. Thanks again ! — nanonerd
– nanonerd, Commented May 20, 2015 at 6:26

Sukesh Marla · Accepted Answer · 2015-05-20 06:33:58Z

2

Make sure to put following using statement in your View

using System.Web.Optimization.React;

answered May 20, 2015 at 6:33

Sukesh Marla

1781 silver badge11 bronze badges

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

Comments

Philip Stevens · Accepted Answer · 2018-10-01 22:42:31Z

1

Add this using statement for React MVC in your view:

@using React.Web.Mvc

answered Oct 1, 2018 at 22:42

Philip Stevens

1941 silver badge9 bronze badges

Comments

Kelson Olson · Accepted Answer · 2018-11-12 04:21:30Z

0

In MVC Core 2.1 this helper extension is now within React.AspNet:

@using React.AspNet;

answered Nov 12, 2018 at 4:21

Kelson Olson

1622 silver badges10 bronze badges

Comments

Nathan Liang · Accepted Answer · 2019-06-25 04:46:10Z

0

Add

<add namespace="React.Web.Mvc" />

to your Web.config in your View folder.

answered Jun 25, 2019 at 4:46

Nathan Liang

1

Collectives™ on Stack Overflow

using @Html.React in my .net MVC view

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related