質問編集履歴

1

ソースコードの記載

2021/05/05 04:15

投稿

rapier1991
rapier1991

スコア1

test CHANGED
File without changes
test CHANGED
@@ -14,8 +14,98 @@
14
14
 
15
15
 
16
16
 
17
+
18
+
17
- ### 試したこと
19
+ ### ソースコード
20
+
21
+ ```
22
+
23
+ ドロップダウン
24
+
25
+ import React, { useState } from 'react';
26
+
27
+ import { CSSTransition } from 'react-transition-group';
28
+
29
+ function Selecter() {
30
+
31
+ return(
32
+
33
+ <Selecterbar>
34
+
35
+ <SelecterbuttonA>
36
+
37
+ <DropdownMenuA />
38
+
39
+ </SelecterbuttonA>
40
+
41
+ <SelecterbuttonB>
42
+
43
+ <DropdownMenuB />
44
+
45
+   </SelecterbuttonB>
46
+
47
+ </Selecterbar>
48
+
49
+ )
50
+
51
+ }
18
52
 
19
53
 
20
54
 
55
+ ~中略~
56
+
57
+
58
+
59
+ <DropdownItem >
60
+
61
+ <text >A</text>
62
+
63
+ </DropdownItem>
64
+
65
+ <DropdownItem >B</DropdownItem>
66
+
67
+
68
+
69
+ グラフ
70
+
71
+ import React, { Component } from "react";
72
+
73
+ import ReactEcharts from "echarts-for-react";
74
+
75
+
76
+
77
+ class Graph extends Component {
78
+
79
+ getOption = () => ({
80
+
81
+
82
+
83
+ ~中略~
84
+
85
+
86
+
87
+ render() {
88
+
89
+ return (
90
+
91
+ <div className="App">
92
+
93
+ <ReactEcharts option={this.getOption()} style={{ height: 630 }} />
94
+
95
+ </div>
96
+
97
+ );
98
+
99
+ }
100
+
101
+ }
102
+
103
+
104
+
105
+ export default Graph;
106
+
107
+ ```
108
+
109
+
110
+
21
- ドロップダウンとグラフは別のコンポーネントなのでvue.jsを使ったデータ受け渡しをしようと思い調べてみましたがいまいちわかりません。
111
+ ドロップダウンとグラフは別のコンポーネントなのでデータ受け渡しをしようと思い調べてみましたがいまいちわかりません。参考になるサイトなどありましたらご教授願いたいです。