回答編集履歴
1
誤字
answer
CHANGED
@@ -1,4 +1,11 @@
|
|
1
|
-
returnが返すのはjsxなのであくまで即時関数である式は、返すことができないのだと思います。
|
1
|
+
returnが返すのはjsxなので~~あくまで即時関数である式は、返すことができない~~のだと思います。
|
2
|
+
->jun68yktさんの回答のように{}を外せば大丈夫なようです。またreturn文もつけるとのことでした。きちんと検証しないで申し訳なかったです。
|
3
|
+
|
4
|
+
以下編集済みコード
|
5
|
+
|
6
|
+
---
|
7
|
+
|
8
|
+
|
2
9
|
以下のようにReact.Fragmentの内部に閉じ込めてやればいいのではないでしょうか?
|
3
10
|
|
4
11
|
```react
|
@@ -6,11 +13,11 @@
|
|
6
13
|
render(){
|
7
14
|
return(
|
8
15
|
<>
|
9
|
-
|
16
|
+
{(()=>{
|
10
17
|
if(!isNaN(this.props.probability)){
|
11
|
-
<div>{this.props.roletype}確率 :<br/> 1/{(this.props.probability).toFixed(1)}<hr/></div>
|
18
|
+
return <div>{this.props.roletype}確率 :<br/> 1/{(this.props.probability).toFixed(1)}<hr/></div>
|
12
19
|
}else{
|
13
|
-
<div>未入力です。</div>
|
20
|
+
return <div>未入力です。</div>
|
14
21
|
}
|
15
22
|
})()}
|
16
23
|
</>
|