2017-05-18 4 views
0

Reactjを使用してウェブスクレーピングアプリを構築しようとしています。 通常のJSでnightmare.jsを使用しましたが、目的の出力が得られました。しかし、ボタンを追加して機能を作成しようとすると、うまく機能しませんでした。Reactjsを使用したウェブスクラブ

私は最終的にやりたいことがあるので、ReactJSを使ってまっすぐに行くと考えました。

nightmare.jsやCasper.jsをReactJSのjsx形式やTIPSやポインタで使用するための小さなコード例を挙げてください。私はこれが愚かで簡単かもしれないことを知っています。私は基本的に、ノードserver.jsを実行するときにそれを開始する必要があります。私は後でボタン、CSSなどを追加することができます。

+0

? – Geraint

+0

@Geraintウェブサイトからデータを収集するためのWebアプリケーションを作成しようとしています。これまでにボタンをクリックするとデータを取得する金融Webサイトのように。 JSを学んだ後、ReactJSは現在学んでいることであり、プロジェクトに直接取り組み、外出先で学びたいと思っていました。彼らは、他の図書館よりも簡単に始めるといいます。そうだといい。あなたの回答は –

答えて

0

リアクションは、より多くのプレゼンテーション目的、すなわち、実際のスクレイピングではなく、スクレイプしたデータを表示するために使用される傾向があります。

スクラップにjavascriptを使用する場合は、ノードのバックエンドを使用してこれを行うことをお勧めします(ノードを使用していると仮定します)。

あなたのReactアプリケーションが呼び出せるルートを作成し、バックエンドコードがその作業を行うようにします。このチュートリアルを見て、それは数年前ですが、正しい方向に向けるべきです。あなたが達成しようとしていると、なぜあなたが反応使いたい何

https://scotch.io/tutorials/scraping-the-web-with-node-js

+0

Thxです。リンクは確かに私のために撃たれます。別のばかげた質問があります: React Appではnode.jsコードをJSファイルに置き、JSXコードで呼び出します。それらを表示するように?私は正しい? 。 ├──コンポーネント │├──のApp ││├──App.jsx ││├──app.css ││├──app_test.jsx ││└──index.js –

関連する問題