問題タブ [reactjs-native]

今日、ReactJS を使用した Hello World の例は終わりです。

上記の 2 つの CDN が含まれています, ただ知りたいです, それらの違いは何ですか, なぜそれらを含める必要があるのですか? 目的は何ですか?

の特定のフィールドに何らかの値を持たせるために、テキストを小文字に変換し、そのインデックスを -1 と比較して比較を行っていますがReactJS、JavaScript コンソールで次のエラーが発生しています。

キャッチされていない TypeError: props.filterText.toLowerCase は関数ではありません

どんな情報でも本当に役に立ちます。最初に npm install babel-loader コマンドも実行しました。

私は持っている

./app-client.js モジュールのビルドのエラー: SyntaxError: /Users/dawatramani/ReactNodejs/app-client.js:

予期しないトークン (4:13)

Parser.pp.raise (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/location.js:22:13) で Parser.pp.unexpected (/Users/dawatramani/ReactNodejs/ node_modules/babel-core/node_modules/babylon/lib/parser/util.js:89:8) の Parser.pp.parseExprAtom (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/) expression.js:522:12) の Parser.pp.parseExprSubscripts (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:277:19) の Parser.pp.parseMaybeUnary (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:257:19) Parser.pp.parseExprOps (/Users/dawatramani/ReactNodejs/node_modules/babel-core/) node_modules/babylon/lib/parser/expression.js:188:19) Parser.pp で。parseMaybeConditional (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:165:19) の Parser.pp.parseMaybeAssign (/Users/dawatramani/ReactNodejs/node_modules/babel-core) /node_modules/babylon/lib/parser/expression.js:128:19) Parser.pp.parseExprListItem (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:1046) で:16) Parser.pp.parseCallExpressionArguments (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:353:20) で Parser.pp.parseSubscripts (/Users/dawatramani) で/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:316:31) Parser.pp で。parseExprSubscripts (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:287:15) の Parser.pp.parseMaybeUnary (/Users/dawatramani/ReactNodejs/node_modules/babel-core) /node_modules/babylon/lib/parser/expression.js:257:19) で Parser.pp.parseExprOps (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:188) :19) Parser.pp.parseMaybeConditional (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:165:19) で Parser.pp.parseMaybeAssign (/Users/dawatramani) で/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:128:19) の Parser.pp.parseExpression (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib) /parser/expression.js:92:19) Parser.pp.parseStatement (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:163:19) で Parser.pp.parseBlockBody (/Users/dawatramani/ ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:529:21) の Parser.pp.parseTopLevel (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/) parser/statement.js:36:8) で Parser.parse (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/index.js:129:19) で parse (/Users/ dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/index.js:47:47) の File.parse (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index. js:517:34) ファイルで。/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/pipeline.js の parseCode (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:603:20) :49:12 の File.wrap (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:563:16) の Pipeline.transform (/Users/dawatramani/ReactNodejs/node_modules/)オブジェクト.module.exports (/Users/ダワトラマニ/ReactNodejs/node_modules/babel-loader/index.js:88:12)Pipeline.transform (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation) でラップ (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:563:16) /pipeline.js:47:17) トランスパイル (/Users/dawatramani/ReactNodejs/node_modules/babel-loader/index.js:14:22) で Object.module.exports (/Users/dawatramani/ReactNodejs/node_modules/babel) -loader/index.js:88:12)Pipeline.transform (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation) でラップ (/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:563:16) /pipeline.js:47:17) トランスパイル (/Users/dawatramani/ReactNodejs/node_modules/babel-loader/index.js:14:22) で Object.module.exports (/Users/dawatramani/ReactNodejs/node_modules/babel) -loader/index.js:88:12)

私は ReactJS と UI が初めてで、ReactJS コードからシンプルな REST ベースの POST 呼び出しを行う方法を知りたいと思っていました。

存在する例があれば、それは本当に役に立ちます。

次のように、HTML ファイルで reactjs コンポーネントを定義しました。

これで、HTML ページでこれを簡単に使用できます。ただし、コード全体を次のように記述する必要があります。

WORKHISTORY.js ファイル:

WORKHISTORY.html ファイル:

どうすればこれを達成できますか??

listViewのボタンをクリックするたびにストアを更新し、それに応じてボタンの状態アイコンを変更する必要があります。unfollowing_ids は配列です。

達成するための効率的な方法は何ですか。

通常は Web で使用され、数百万行のコードを含む内部 Javascript ライブラリを使用しようとしています (したがって、React Native で何かを変更するのではなく、実際に使用したいのです:D)。

このライブラリには、抽象化されたいくつかの DOM 操作が含まれており、React Native を使用して抽象化を機能させようとしています。

基本的に、Web で行うことは、HTML 要素をライブラリに渡すことであり、ライブラリはそれを他の要素で埋めます。後で、このライブラリは、何をするように指示したかに応じて、ツリーから要素を削除したり、要素を追加したりします。したがって、このライブラリに ReactElement を渡して、React Native が描画部分を自動的に処理できるようにしたいと考えています。

ライブラリが行うことは次のとおりです。非常に単純化されています。

そして、これが私ができるようにしたいことです：

しかしReactElement、機能はありませんappend。そこで、どうにかして ReactElement に関数を追加する方法はないかと考えていました。子を追加して要素を再レンダリングする append という関数を作成できます。私は試してみましたが、明らかに読み取り専用です。ReactElement クラスを拡張したかったのですが、ReactElement の代わりに自分のクラスを使用するように React に指示するにはどうすればよいですか?

私は新しいアイデアにもオープンです。私は React/React Native にまったく慣れていないので、これですべて間違っているかもしれません! :)

ありがとう