问题标签 [react-starter-kit]

我正在使用最新的 React Starter Kit (Isomorphic) 构建应用程序，但遇到了问题。大部分应用程序都有静态数据，所以我首先只使用服务器端渲染制作了一些页面。

但是，当我创建一个向按钮添加 onClick 回调的页面时，从未调用过该回调。

过了一会儿，我发现我可以通过将以下内容添加到 Html 父组件来使其工作：

现在页面可以正常工作了。但我认为这不是正确的解决方案，因为当我使用“-release”构建应用程序时，会发出带有哈希标签的 main.js（例如 main.63635afefa6a.js），并且在部署时不会找到。

我在这里想念什么？

我正在尝试对保存在服务器上的数组发出客户端请求，通过传递 React 道具来传递数据。但是我收到错误

警告：失败的 propType：children提供给的 prop 无效App，需要一个 ReactElement。

你能帮我告诉我什么时候会收到这个错误吗？

我在路由中定义了 propType：

然后异步操作函数请求数据并等待响应。

HomeItemType 定义：

服务器上的数据查询（现在尽可能简单）：

我在 stackOverflow 中发现了同样的问题 unanswered: Different main entry point in package.json for node and browser。

我只想知道这个配置是如何完成的。如何在 package.json 中为不同的构建目标指定不同的条目？

我不确定如何从中获取值

成占位符格式，如输入：

因为它将在实际占位符中返回 [Object object]。有没有办法获得实际的正确值？

我目前正在尝试了解 React Starter Kit 布局项目的方式以及它的部分如何协同工作。

目前正在为路线和组件而苦苦挣扎。路由的作用是决定在某个路径上显示什么，然后有组件App及其所有子组件，这些组件将被显示......围绕什么路由定义？

似乎App总是显示里面的内容。并且路由定义了App作为其子项的一部分在内部显示的内容，对吗？

我正在使用react starter kit构建一个应用程序。在过去的 react 应用程序中，我总是使用 react.setState 触发 DOM 元素的增量重新渲染。

使用此入门工具包使用的无状态函数组件模式时，根据状态变化重新渲染 dom 元素的最佳实践是什么？

我是 ReactJS 的新手，在渲染一个用于在单独组件中显示/隐藏模式的 ModalTrigger 时遇到问题。我使用的样板是 react-starter-kit。

返回的错误是：“不变违规：元素类型无效：期望字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。检查渲染方法MenuButton。”

在返回之前似乎不太可能将组件转换为字符串......这是代码：

然后是模态：

在React Starter Kit中，他们将服务器端代码与 Webpack 捆绑到server.js中，我认为这很方便，但后来我开始想知道为什么首先捆绑服务器端代码，毕竟 Node 自带依赖管理，不需要那个。其次，由于解析一个完整的文件，这是否会使其效率降低？

我对 ReactJS 的世界有点陌生，但我已经用 Javascript 编码有一段时间了。喜欢 ReactJS 所做的事情，因为我在使用设计模式和 OOP 之前使用纯 JS 进行编码，我认为这对我来说是一个巨大的升级。

我已经学习了几个教程并阅读了很多关于 React 的内容，所以我最终开始使用我的第一个应用程序kriasoft/react-starter-kit来提高我的工作效率，而且我发现我可以有一些关于如何“正确”编写 react 的指南很好.

我在尝试将React-Bootstrap集成到 kriasoft 现有的 Starter-kit 中时遇到了困难。

我可以通过简单地从 React-Bootstrap 导入不同的组件（比如我们的按钮等）

import Button from '../../../node_modules/react-bootstrap';

在我自己的组件中，我的问题是我在那些 React-Bootstrap 组件上没有 css。

我已经阅读了 React-Bootstrap 入门指南，但我并没有那么聪明，无法弄清楚我做错了什么。

我已经安装了react-bootstrapusing $ npm install react-bootstrap --save 但我不确定我应该在哪里包含来自 bootstrap 的最新编译和缩小的 CSS

<link rel="stylesheet" href="maxcdn....blahblah....bootstrap.min.css">.

如果有人可以通过提供指南或直觉来帮助我进行设置，那就太好了。

我正在使用React Starter Kit创建我的第一个 React 应用程序，但我正在为 Ajax 调用而苦苦挣扎。我看到这个 Kit 嵌入了一种执行 Ajax 调用的方法（这是在内部用于应用程序路由的方式）：

我已经在我的组件中添加了这个，然后在组件加载时尝试执行 Ajax 调用。这是我的代码：

我还在我的渲染函数中使用状态值：

这段代码放在一起记录在我的控制台中：

然后执行 Ajax 调用（成功），我的控制台现在显示：

期望的行为当然是更新我的视图：执行 ajax 调用时，每个数组成员显示一行。

我错过了什么？

谢谢