reactJSのajax通信の仕様について

Question

reactJSでajax通信を使った処理を作成しています。
ajaxの返り値を見ると、2回実行されているのですが、
これは仕様でしょうか？
調べても有益な情報が得られず…
教えていただけると助かります。
（SuperAgentでもテストしましたが同じく2回実行されていました）

var Compornent = React.createClass({
	getInitialState: function(){
		return { data: [] };
	},
	loadCommentsFromServer: function(){
		$.ajax({
			url: this.props.url,
			dataType: 'json',
			cache: 'false',
			success: function(data){
				this.setState({ data: data });
			}.bind(this),
			error: function(xhr, status, err){
				console.error(this.props.url, status, err.toString());
			}.bind(this)
		});
	},
	componentDidMount: function(){
		this.loadCommentsFromServer();
	},
	render: function(){
		return ({this.state.data);
	}
});
ReactDOM.render(
	<Compornent url="/hoge.json" />,
	document.getElementById('content')
);

Answer 1

bindの位置ではないですか？

        $.ajax({
            url: this.props.url,
            dataType: 'json',
            cache: 'false',
            success: function(data){
                this.setState({ data: data });
            },
            error: function(xhr, status, err){
                console.error(this.props.url, status, err.toString());
            }
        }).bind(this);

Comments

[yyyAse]

だめですね…
loadCommentsFromServer自体が2回実行されているのが原因かと思うのですが…
何か解決策はありますか？

[yuki-saito]

2回実行されているというのはどうやって確認されたのですか？
ほぼ同じもの作ってみましたが、loadCommentsFromServerは1度しか呼ばれていないようです。
https://codepen.io/anon/pen/ZazxmX?editors=1111

[yyyAse]

検証ありがとうございます。fuelphpで確認しています。
そうなるとreactの問題ではなさそうですね。

[yuki-saito]

そうですね。
検証して大丈夫そうなのでreact的には問題ないかと思います。
クライアントーサーバ間なのか、その他のHTML・JSのどこかに問題があるのか
その辺りを探っていくしかなさそうです。

[yyyAse]

jsファイル呼び出しから見直したら直りました。
どうやら不要なものを読み込んでしまっていたようです。
ありがとうございました。助かりました！

[yuki-saito]

よかったです！