问题标签 [reactify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
962 浏览

javascript - 同构反应 - 如何使反应功能作为窗口对象的一部分

我一直在使用 node-jsx、browserify、reactify 等构建同构反应应用程序。我的代码在服务器上运行良好,并且组件已正确安装和呈现。但是,react 函数似乎不起作用,例如,handleClick 函数无法识别 alert(),或者 console.log() 在服务器和客户端控制台上都不会打印出预期的结果。谁能确定这里发生了什么?

更新:我想指出的另一件事是,当我运行服务器并转到浏览器时,在浏览器控制台(使用 chrome 开发工具)中我输入了“window.React”,它实际上返回了 React 对象。但是 console.log 仍然没有为点击处理函数做任何事情。

意见/index.ejs

路线/路线.js

应用程序/组件/ReactApp.js

应用程序/main.js

服务器.js

Gulpfile.js

var gulp = require('gulp'); var source = require('vinyl-source-stream'), browserify = require('browserify'); gulp.task('scripts', function(){ return browserify({ transform: [ 'reactify' ], entries: 'app/main.js' }) .bundle() .pipe(source('main.js')) .pipe(gulp.dest('./public/')); }); gulp.task('default', ['scripts']);
0 投票
1 回答
791 浏览

javascript - Browserify/Reactify - 未捕获的 ReferenceError:未定义函数

我正在尝试抽象我的代码,并且我在以下结构中有以下两个文件

main.js

组件/Parent.js

索引.html

我运行以下 -

这是它创建的 javascript

运行页面在第 5 行抱怨React.createElement(Parent, null),

但是正如您所见,文件已加载,那么为什么在文件中找不到它呢?

0 投票
0 回答
236 浏览

express - gulp-concat 没有使用 reactify 将我的 jsx 文件转换为 js

我是 Gulp 的新手,我正在尝试使用 browserify 和 reactify 将我的 jsx 文件转换为 js 文件,但我遇到了错误。我的 gulp 文件如下所示:

但我收到了这个错误:

它之前工作正常,但突然停止工作。我已经尝试修复它几个小时了,但我找不到它不起作用的原因,我真的很感激一些帮助。

0 投票
1 回答
43 浏览

gulp - 使用 gulp+browserify+reactify,遇到 ReactifyError 时无法退出

下面是一个 gulp 任务代码,我希望 gulp 在出错时保持运行。

});

但它只适用于第一次。当再次出现错误时,它会退出: 在此处输入图像描述

我能做些什么?

0 投票
1 回答
360 浏览

reactjs - Size of bundled ReactJS app

I am trying to reduce the size of my reactjs application bundle.js file. For a relatively simple app i have its browserified js file size - 452Kb.

To build it, i use NPM with respective package.json file:

Not being an expert in Node JS/ ReactJS development i hope i do somethin wrong, but i cant find what.

For the time being i tried few things: app.js file has a line of code setting NODE_ENV variable to 'production'

A second thing i have tried is to use npm prune command with --production parameter. Having this run, i see it removes a lot from node_modules folder, but then npm run build is failing to run as it misses devDependencies. What can i do?

0 投票
1 回答
418 浏览

javascript - 转译单个 React 组件以用作 JS 小部件

我正在使用 React.js 开发一个相当复杂的网络应用程序,我希望允许该应用程序的用户使用其中一个组件作为其网站上的 API 小部件以及脚本标签(想想 Google Maps API、Analytics、 ETC。)

我是 React 的新手,但我认为 React 将应用程序中的所有组件等打包,并将它们捆绑到一个 JS 文件中。

是否可以只将一个组件捆绑到一个 JS 文件中,然后让用户将该文件放在他们的站点中,并将其用作小部件?

我尝试使用 reactify 转换我希望用户用作小部件的组件,但我似乎无法让它工作。

有什么想法吗?

0 投票
1 回答
37 浏览

reactjs - 如何将现有应用程序上的仪表板与 ReactJS 集成?

我有一个仪表板Reactify,我想用 create-react-app 将它集成到我的 reactjs 应用程序中。

我想使用路由从我的应用程序重定向到仪表板/admin

我该如何解决?

0 投票
1 回答
3208 浏览

reactjs - 大量自定义 Material UI DataTable (React)

我有默认的 Reactify Material UI DataTable,看起来像这张图片 这里

我需要对其进行大量自定义,包括删除下载和打印功能,并将图标添加到状态列中,并将下拉列表添加到操作列中。我已经陷入了这个项目的深渊,想知道从哪里开始。我正在使用 Reactify,并且我正在慢慢习惯 React,所以只需要关于研究什么和学习什么的方向。我是否复制mui-datatables节点模块并开始修改它?

谢谢

0 投票
1 回答
2224 浏览

reactjs - React 数据表的自定义搜索框

我有一个 Datatable 设置,就像这里显示的默认值一样。我想让搜索栏过滤与其所在位置分离的数据,并将其放在完全不同的地方。因此,我希望使用自己的输入字段以与当前默认输入字段完全相同的方式搜索数据。

这是我的代码和我目前的进度......

当前所做的是您可以在我的自定义输入字段中输入,但您必须打开默认搜索字段,并且当您在其中输入时,它会使用我的自定义搜索文本。所以在某种程度上我让它使用自定义搜索进行搜索。我希望它像在gif中一样工作。

抱歉,如果这是菜鸟,但我使用 React 的时间不长。

谢谢

0 投票
1 回答
147 浏览

django - Django 中的 ReactJs 返回

我是 Reactify Django 的新手。实际上,我正在尝试渲染 React JS 而不是 HTML 页面。我有以下内容:

视图.py

主页.html

应用程序.js

设置.py

我不确定,如果我正确理解这个概念。但我正在寻找在 django 中返回反应渲染的 html。我的反应应用程序安装在同一文件夹的前端目录中。任何澄清,将不胜感激。