“reactjs”的相关标签问题_Stack Overflow中文网

0 投票

5 回答

40226 浏览

angularjs - 将 ReactJS 与 AngularJS 一起使用

我正在尝试将 ReactJS 与 AngularJS 一起使用，但它没有成功。谁能指导我如何将它们粘合在一起？或者请指出这里缺少什么？

我的 index.html 如下：

这是我的 reactExample.js 的编写方式：

而我的 angularExample.js 如下：

它不显示任何内容（警报除外）。我期待在那里打印“Hello”，但它会在控制台中引发以下错误：

任何帮助将非常感激。

angularjs reactjs

0 投票

1 回答

2414 浏览

javascript - React.js：教程应用程序不工作

这是我的 React 教程应用程序的代码：

模板.html：

评论.json：

当我在 Firefox 中运行它时，我得到：

第 67 行是：

我看不出那条线有什么问题。有什么想法吗？

javascript reactjs

0 投票

1 回答

12591 浏览

reactjs - Facebook React.js：如何在服务器上渲染有状态的组件？

我想我在概念上缺少使用 React.js 进行服务器端渲染的东西

假设我想创建一个页面来显示来自服务器端数据库的项目，并带有一个输入字段来过滤它们。

我想要一个页面：

响应像这样的 URL/items?name=foobar
使用 React 输入字段按名称过滤项目
使用 React 组件显示过滤项目列表

假设我有一个公共 REST API 来查询客户端的项目。

从概念上讲，我想在第一次请求（GET /items?name=foobar）时做的是：

我希望我的输入字段显示用户作为参数传递的内容，因此我需要将查询参数（'foobar'）作为'prop'（如initialName）传递给反应组件

所以我尝试了这个：

我还必须在服务器上进行数据库查询以获取项目列表，并将此项目列表作为 ItemList 的“prop”（如“initialItems”）传递

据我了解，我需要一个简单的组件来显示列表，并将其作为“道具”接收：

现在，我需要一个组件来显示整个 Page ；该组件将不得不维护整个页面的状态，即查看字段中输入的名称，并进行 API 查询以更新列表项。但是我不明白这个组件如何具有一个“initialState”，它既可以在服务器端工作，也可以在以后在客户端呈现。

我试过这个：

这就是我卡住的地方。我可以使用类似的东西在服务器端渲染东西：

但是当我尝试编写客户端javascript时，我该怎么办？我知道我希望在哪里渲染我的 dom，但是我应该将哪些初始道具传递给 react 组件？

我尝试过的大多数尝试都以 DOM 在客户端被“擦除”而告终，并带有以下消息：

React 尝试在容器中使用重用标记，但校验和无效。这通常意味着您正在使用服务器渲染，并且在服务器上生成的标记不是客户端所期望的。React 注入了新的标记来补偿哪些工作，但是您已经失去了服务器渲染的许多好处。相反，要弄清楚为什么生成的标记在客户端或服务器上是不同的。

请注意，仅删除了我的 ItemList 组件的标记，所以我认为这是我的组件的实现问题，但我真的不知道从哪里开始。

我在正确的轨道上吗？还是我完全错过了什么？

reactjs isomorphic-javascript

0 投票

2 回答

37339 浏览

onclick - How to set event handler in React sub-component

I'm having trouble getting menu items connected to an event handler. Here's a mock of the UI showing state changes over time. It's a dropdown menu (via Bootstrap), with the root menu item showing the current selection:

The end goal is to change the page content asynchronously based on the user's selection. Clicking on Bob should trigger the handleClick, but it's not.

As a side note, I'm not terribly happy with the way componentDidMount calls this.handleClick();, but it works for now as a way to get initial menu content from the server.

I'm almost positive that my hazy understanding of javascript scoping is to blame, but everything I've tried so far has failed (including trying to pass the handler down through props).

onclick components handler reactjs

0 投票

13 回答

131490 浏览

javascript - React.js: Identifying different inputs with one onChange handler

Curious what the right way to approach this is:

Obviously you could create separate handleChange functions to handle each different input, but that's not very nice. Similarly you could create a component just for an individual input, but I wanted to see if there's a way to do it like this.

javascript reactjs jsx

0 投票

1 回答

39235 浏览