プログラミング

プロおよび熱狂的プログラマーのためのQ&A

11
ReduxでmapToDispatchToProps（）への引数が指定されている場合、「ディスパッチ」は関数ではありません
私はjavascript / redux / reactの初心者で、redux、react-redux、reactを使用して小さなアプリケーションを作成しています。何らかの理由で、connect（react-reduxバインディング）と並行してmapDispatchToProps関数を使用すると、結果のプロップを実行しようとすると、ディスパッチが関数ではないことを示すTypeErrorが表示されます。ただし、ディスパッチを小道具として呼び出すと（提供されたコードのsetAddr関数を参照）、機能します。 なぜなのか、私は知りたいのですが、reduxドキュメントのTODOアプリの例では、mapDispatchToPropsメソッドが同じ方法で設定されています。関数内のconsole.log（dispatch）は、ディスパッチがオブジェクト型であると述べています。この方法でディスパッチを使い続けることもできますが、reduxをさらに続行する前に、なぜこれが起こっているのかを理解するのが良いでしょう。私はコンパイルにbabel-loadersでwebpackを使用しています。 私のコード： import React, { PropTypes, Component } from 'react'; import { connect } from 'react-redux'; import { setAddresses } from '../actions.js'; import GeoCode from './geoCode.js'; import FlatButton from 'material-ui/lib/flat-button'; const Start = React.createClass({ propTypes: { onSubmit: PropTypes.func.isRequired }, setAddr: function(){ this.props.dispatch( setAddresses({ pickup: this.refs.pickup.state.address, …
8
次の機能を表現する、それは本当に何のためのものですか？
next()メソッドが何をするかの良い説明を見つけることを試みてきました。Expressのドキュメントでは、next('route')そのルートにジャンプしてその間のすべてのルートをスキップするために使用できると記載されていますが、next引数なしで呼び出されることもあります。next機能を説明する優れたチュートリアルなどを知っている人はいますか？
124 node.js  express 
8
サブストリングを取得-特定の文字の前のすべて
文字列内の文字-の前にすべてを取得するための最良の方法を見つけようとしています。文字列の例を以下に示します。前の文字列の長さ-変化し、任意の長さにすることができます 223232-1.jpg 443-2.jpg 34443553-5.jpg ですから、開始インデックス0から-の直前までの値が必要です。したがって、部分文字列は223232、443、および34443553になります。
124 c# 
8
Pythonクラスで__init__を使用する理由
クラスの初期化を理解できません。 それらのポイントは何ですか？それらに何を含めるかをどのようにして知るのですか？クラスでの記述には、関数の作成とは異なるタイプの考え方が必要ですか（関数を作成してクラスにラップするだけで再利用できると考えました。それでうまくいきますか？） 次に例を示します。 class crawler: # Initialize the crawler with the name of database def __init__(self,dbname): self.con=sqlite.connect(dbname) def __del__(self): self.con.close() def dbcommit(self): self.con.commit() または別のコードサンプル： class bicluster: def __init__(self,vec,left=None,right=None,distance=0.0,id=None): self.left=left self.right=right self.vec=vec self.id=id self.distance=distance __init__他の人のコードを読み込もうとしたときに遭遇するクラスはたくさんありますが、それらを作成するロジックがわかりません。
124 python  class 
4
JPAクエリへのIN句リストの追加
次のようなNamedQueryを作成しました。 @NamedQuery(name = "EventLog.viewDatesInclude", query = "SELECT el FROM EventLog el WHERE el.timeMark >= :dateFrom AND " + "el.timeMark <= :dateTo AND " + "el.name IN (:inclList)") 私がやりたいことは、パラメーター：inclListに、1つのアイテムではなくアイテムのリストを入力することです。たとえばnew List<String>() { "a", "b", "c" }、：inclListパラメータでそれを取得するにはどうすればよいですか？コード化できるのは1つの文字列だけです。例えば： setParameter("inclList", "a") // works setParameter("inclList", "a, b") // does not work setParameter("inclList", "'a', 'b'") // does …
124 java  jpa  jpql 
8
破線のボーダーストロークの長さとストローク間の距離を制御する
CSSで破線の境界線の長さと距離を制御することはできますか？ 以下の例は、ブラウザによって表示が異なります。 div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> コードスニペットを実行するHide resultsスニペットを展開 大きな違い：IE 11 / Firefox / Chrome 破線の境界線の外観をより詳細に制御できる方法はありますか？
124 css  border  css-shapes 
11
JavaScriptを使用してHTML要素を削除する方法
私はまったくの初心者です。jQueryではなく元のJavascriptを使用してHTML要素を削除する方法を誰かに教えてもらえますか？ index.html <html> <head> <script type="text/javascript" src="myscripts.js" > </script> <style> #dummy { min-width: 200px; min-height: 200px; max-width: 200px; max-height: 200px; background-color: #fff000; } </style> </head> <body> <div id="dummy"></div> <form> <input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/> </form> </body> myscripts.js function removeDummy() { var elem = document.getElementById('dummy'); elem.parentNode.removeChild(elem); } [送信]ボタンをクリックすると、非常に短い時間で表示が消え、すぐに表示されます。ボタンをクリックしたときに要素を完全に削除したい。
124 javascript  html 
5
ReactでEscキープレスを検出する方法とその処理方法
reactjsでEscキープレスを検出するにはどうすればよいですか？jqueryと同様のもの $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); 検出されたら、情報をコンポーネントに渡します。3つのコンポーネントがあり、そのうち最後のアクティブなコンポーネントがエスケープキーを押すと反応する必要があります。 コンポーネントがアクティブになると、一種の登録を考えていました class Layout extends React.Component { onActive(escFunction){ this.escFunction = escFunction; } onEscPress(){ if(_.isFunction(this.escFunction)){ this.escFunction() } } render(){ return ( <div class="root"> <ActionPanel onActive={this.onActive.bind(this)}/> <DataPanel onActive={this.onActive.bind(this)}/> <ResultPanel onActive={this.onActive.bind(this)}/> …
3
特定の属性が設定されている要素に対してのみquerySelectorAllを使用する方法
属性が設定されdocument.querySelectorAllているすべてのチェックボックスに使用しようとしていvalueます。 value設定されていないページに他のチェックボックスがあり、値はチェックボックスごとに異なります。ただし、IDと名前は一意ではありません。 例： <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 値が設定されているチェックボックスだけを選択するにはどうすればよいですか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.