问题标签 [react-starter-kit]

使用React Starter Kit的Webpack 同构 CSS 样式加载器，我如何传入样式对象而不是类名？

我们目前可以这样做：

我想知道我们是否可以做这样的事情：

我正在寻找一种在服务器端呈现时也可以工作的解决方案。

使用React Starter Kit，我添加Material UI如下：

以及以下对组件的导入：

和：

我收到以下错误：

警告：Material-UI：应该在 muiTheme 上下文中提供 userAgent 以进行服务器端渲染。

根据 Material UI 的文档，它说我需要解决三件事：

1. 自动前缀和用户代理
2. process.env.NODE_ENV

我应该输入什么代码以及确切的位置，特别是使用 React Starter Kit？

PS这个解决方案对我不起作用：-/

我一直在尝试使用以下链接启用跨域资源共享：

如何允许 CORS？
http://enable-cors.org/server_expressjs.html
在 Chrome 中禁用同源策略

但我不能，
我正在使用 react-starter-kit，我认为它应该与浏览器同步有关。
有没有人可以帮助我？

我正在尝试在 Windows 上将React Starter Kit与 SemanticUI 一起使用。我可以安装和构建 RSK，但是当我运行npm install semantic-ui并完成设置时，我总是遇到相同的模块错误，我不确定如何解决它。

我已经尝试过多次删除目录并重新安装，但我无法让它工作。是什么导致了这个问题？

这个问题非常具体到 react-starter-kit，但是，其他人可能可以在互联网上提供帮助。我正在尝试将 react-starter-kit 与我正在开发的烧瓶应用程序一起使用。我选择了这个 yeoman 生成器，因为它有很多我正在寻找的东西，但是，我不想在节点服务器上运行。我有一个烧瓶应用程序，我只想连接到反应前端。我不太清楚节点路由如何知道.js要包含哪个捆绑文件（无论如何，节点路由对我来说有点困惑）。从哪里开始最好的地方？

我想如果我可以从一个特定的问题开始，我可以指向哪个.js文件index.html？或者我怎么能找到那个？

我想在这里问这个问题，但希望我会被引导到正确的地方。

这是我的index.html：

这是我的烧瓶视图：

这里是build/assets.js

指向/main.js?{{string}}该应用程序捆绑版本的位置。

这是文件目录布局：

我正在使用 react starter kit，我正在尝试从 bootstrap（通过 NPM 安装）导入 SCSS 文件，它抱怨评论：

这是 app.js 中的导入

然后通过 webpack 加载器：

有人知道为什么吗？

谢谢

詹姆士

我从这里有一个基于 Erik Rasmussen 的初学者工具包的 React 应用程序。

该应用程序运行良好，使用 React Router 和 Redux。

由于我的 Rails 应用程序已经很老了，嵌入应用程序的想法是有一个单独的控制器，其中index动作呈现一个 iFrame，它本身从相同的控制器show动作加载它的内容。

因此，我可以坚持使用 Rails 应用程序的布局，并在不进行任何更改的情况下呈现 React 应用程序标记。

在我通过

$> npm run build

我将 main -.js 和 main -.css 文件复制到 Rails 应用程序中，以便可以从那里交付它们。

之后我通过以下方式启动 React 应用程序：

$> npm run start

并通过 curl 请求起始页面。curl 输出进入我的showerb 模板。在里面我更改了加载主要 JS 和 CSS 的 URL。

当我现在请求我的index页面时，iFrame 会加载它的内容，应用程序似乎正在初始化，但根本不起作用。我看到呈现的内容，但单击链接会导致 Rails 路由错误。所以点击似乎没有被 React 拦截。

我试图跟踪执行情况，并最终在client.js. 看起来，ReactDOM.render接收到正确的参数，意思是，有一个外观正确的组件要渲染，一个商店，甚至是目标元素。

目前我在控制台中收到以下错误：

Uncaught ReferenceError: _classCallCheck is not defined

我正在使用 starterkit 的一个稍微古怪的版本，它将初始数据嵌入到标记中，但我无法弄清楚为什么 _classCallCheck 在 React 应用程序中工作，但在嵌入到 Rails 时停止工作。

即使是最新版本的 starterkit 也不起作用。在那种情况下，我根本没有收到任何错误，但有相同的行为。

由于旧的 Rails 版本我不能使用 React Gem，而且我需要一些 starterkit 提供的开箱即用的功能，所以改变这个也是没有选择的。

有什么提示吗？

我正在使用React-Starter-Kit并且遇到了 onClick={this.handleClick} 未在浏览器中触发的问题。

怎么了： Colorswatches.js 组件正在加载并显示在浏览器中，但 onClick 不起作用。没有显示控制台日志。

我认为的问题是：渲染服务器端的所有内容并传递给客户端，客户端获得没有事件绑定的静态反应 html。

服务器端渲染后如何让点击事件在客户端工作？

编辑：使用 jgldev 提供的示例更新代码

编辑 2：添加了 componentDidMount() 函数。使用控制台日志，仍然看不到页面加载日志

编辑 3：我发布的是 React-starter-kit 的另一部分，它正在轰炸客户端重新渲染。我将第一个答案标记为正确。

src/component/ColorSwatches/ColorSwatches.js:

将 Mapbox 放入 React-Starter-Kit 中，我无法在 react-starter-kit 中实现 MapBox。我不知道如何从客户端制作组件。

我将它用于 mapbox 的 npm 包

我希望我能做到

这可能吗？

免责声明：这是我的第一次，所以请多多包涵。

我正在尝试 React 入门套件，但对 GraphQL 和参数有些困惑。我只是不知道如何将参数传递给查询：

它的 searchquery 应该以某种方式有一个字符串参数。