質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

1160閲覧

render内から呼び出した結果が期待値と異なりobjectが返ってきてしまうのはなぜでしょうか?

kazuyu

総合スコア18

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2017/02/09 09:05

編集2017/02/09 09:08

ReactのrenderからPromiseを呼び出すと必ずobjectが返ってきてしまいます。
なぜでしょうか?
ご存じの方がおられましたら教えて下さい。

import React, {Component} from 'react'; import {Promise} from 'es6-promise'; export default class KurasuA extends Component { constructor (props) { super (props); this.yobidasiFunc = this.yobidasiFunc.bind (this); }; damiFunc () { ・・・ }; yobidasiFunc () { return new Promise ( (resolve, reject) => { ・・・ let htmlTag = <a>・・・</a>; resolve (htmlTag); }).then ((result) => { return result; }); }; render () { return ( <div> { false ? this.damiFunc() : this.yobidasiFunc()} </div> ); }; }

同じように悩んでいる方がいるようです。
renderで呼び出したら期待値と異なりobjectが返ってきた

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

期待値がどのようなものかちょっとわからなかったのですが
Promiseはインスタンス化するとPromiseオブジェクトを返却するからではないでしょうか??

そのPromiseオブジェクトがthenなどのメソッドを持っているためそれを使用して成功時、失敗時の処理を行います。

参考までにどうぞ!
Promiseについて0から勉強してみた

投稿2017/02/10 03:01

MasakazuFukami

総合スコア1869

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kazuyu

2017/02/10 11:13

ご回答頂きありがとうございます。 戻り値のobjectの正体は、Promise.js自身であること理解しました。 解決方法について以下別途質問に別回答がありますのでリンクします。 https://teratail.com/questions/65202
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問