問題タブ [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.
javascript - Isomorphic React - ウィンドウ オブジェクトの一部として反応機能を作成する方法
node-jsx、browserify、reactify などを使用して、同形反応アプリを構築してきました。私のコードはサーバー上で正常に動作し、コンポーネントは正しくマウントおよびレンダリングされます。ただし、react 関数は機能していないようです。たとえば、handleClick 関数が alert() を認識しないか、console.log() が期待される結果をサーバー側のコンソールにもクライアント側のコンソールにも出力しません。ここで何が起こっているのか誰でも特定できますか?
更新：私が指摘したいもう1つのことは、サーバーを実行してブラウザーに移動すると、ブラウザーコンソール（chrome devツールを使用）で「window.React」と入力すると、実際にReactオブジェクトが返されたことです。しかし、console.log はまだクリック ハンドラー関数に対して何もしません。
ビュー/index.ejs
ルート/routes.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']);
express - gulp-concat が、reactify を使用して jsx ファイルを js に変換しない
私はGulpが初めてで、browserifyとreactifyを使用してjsxファイルをjsファイルに変換しようとしていますが、エラーが発生しています。私のgulpファイルは次のようになります：
しかし、私はこのエラーが発生しています:
以前は問題なく動作していましたが、突然動作しなくなりました。何時間も修正しようとしてきましたが、機能しない理由が見つかりません。助けていただければ幸いです。
gulp - gulp+browserify+reactify を使用します。ReactifyError を受け取ったときに exit を発行できません
以下は gulp タスク コードです。エラーが発生したときに gulp を実行したままにしておきます。
});
しかし、それは初めてしか機能しません。再びエラーが発生すると、次のように終了します。
私に何ができる？
javascript - 単一の React コンポーネントをトランスパイルして JS ウィジェットとして使用する
私は React.js を使用してかなり複雑な Web アプリに取り組んでおり、アプリのユーザーがスクリプト タグ (Google Maps API、Analytics、等。）
React 初心者ですが、React はアプリ内のすべてのコンポーネントなどを取り込んで、1 つの JS ファイルにバンドルしていると思います。
コンポーネントを 1 つだけ JS ファイルにバンドルして、ユーザーがそのファイルをサイトに配置し、それをウィジェットとして使用できるようにすることはできますか?
ユーザーにウィジェットとして使用してもらいたいコンポーネントを reactify でトランスパイルしようとしましたが、うまく動作しません。
何かご意見は？
reactjs - Material UI DataTable (React) を大幅にカスタマイズ
この画像のようなデフォルトの Reactify Material UI DataTable があります
ダウンロードと印刷機能を削除し、ステータスの列にアイコンを追加し、アクション列にドロップダウンを追加するなど、大幅にカスタマイズする必要があります。私はこのプロジェクトにどん底に突き落とされており、どこから始めればよいか知りたいと思っています。私は Reactify を使用しており、ゆっくりと React に慣れてきているので、何を研究し、何を学ぶべきかについての指示が必要です。mui-datatablesnode モジュールを複製して、それを変更し始めますか?
ありがとう