質問編集履歴
3
訴訟の恐れがありソースコード非公開により削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
ソースコード非公開により削除
|
1
|
+
訴訟の恐れがありソースコード非公開により削除
|
2
|
-
ソースコード非公開により削除
|
2
|
+
訴訟の恐れがありソースコード非公開により削除
|
3
|
-
ソースコード非公開により削除
|
3
|
+
訴訟の恐れがありソースコード非公開により削除
|
4
4
|
|
2
ソースコード非公開により削除
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
ソースコード非公開により削除
|
test
CHANGED
@@ -1,102 +1,4 @@
|
|
1
|
-
現在サイトを作成しているのですが、
|
2
|
-
口座一覧の履歴にスタッフ欄を作成したいと考えています。
|
3
|
-
|
1
|
+
ソースコード非公開により削除
|
2
|
+
ソースコード非公開により削除
|
3
|
+
ソースコード非公開により削除
|
4
4
|
|
5
|
-
console.log(bankAccounts)
|
6
|
-
|
7
|
-
```ここに言語を入力
|
8
|
-
accountName: "アベ"
|
9
|
-
accountNumber: "あ"
|
10
|
-
bankCode: "あ"
|
11
|
-
branchCode: "あ"
|
12
|
-
createTime: Thu May 26 2022 14:47:19 GMT+0900 (日本標準時) {}
|
13
|
-
id: "oRUgOFf8MiUYUXG4Gh3nxX1wuqD3"
|
14
|
-
tellerId: "oRUgOFf8MiUYUXG4Gh3nxX1wuqD3"
|
15
|
-
updateTime: Thu May 26 2022 14:47:19 GMT+0900 (日本標準時) {}
|
16
|
-
```
|
17
|
-
tellers
|
18
|
-
console.log(tellers)
|
19
|
-
|
20
|
-
```ここに言語を入力
|
21
|
-
averageRate: 5
|
22
|
-
categories: []
|
23
|
-
createTime: Mon May 23 2022 22:39:10 GMT+0900 (日本標準時) {}
|
24
|
-
description: ""
|
25
|
-
disabled: false
|
26
|
-
dummyStatus: "none"
|
27
|
-
experienceYear: null
|
28
|
-
id: "oRUgOFf8MiUYUXG4Gh3nxX1wuqD3"
|
29
|
-
imageUrl: "https://firebasestorage.googleapis.com/v0/b/luminous-dev.appspot.com/o/tellers%2F1653540238245.png?alt=media&token=ad481399-a2f2-4b36-8d8a-c23508abed1c"
|
30
|
-
isManager: false
|
31
|
-
isRecommended: false
|
32
|
-
isStaff: true
|
33
|
-
name: "阿部_テスト"
|
34
|
-
planTypes: []
|
35
|
-
reviewsCount: 1
|
36
|
-
sex: null
|
37
|
-
updateTime: Thu May 26 2022 15:29:59 GMT+0900 (日本標準時) {}
|
38
|
-
```
|
39
|
-
自分の考えとしては、テーブルのカラムに、BankaccountのtellerIdが一致するユーザーのisStaffの値を表示したいと考えてます。
|
40
|
-
しかし、
|
41
|
-
現状だと何も表示されていません。
|
42
|
-
おそらくTable.Columnのrender部分の書き方が違っていると思うのですが、原因がよく分かっていません。
|
43
|
-
解決策がわかる方がいればよろしくお願いします。
|
44
|
-
|
45
|
-
```JavaScript
|
46
|
-
import { NextPage } from 'next';
|
47
|
-
import Head from 'next/head';
|
48
|
-
import useSWR from 'swr';
|
49
|
-
import { Card, PageHeader, Table } from 'antd';
|
50
|
-
import { getBankAccounts, getTellers } from '@raysee/firestore';
|
51
|
-
import { withLayout } from '../../components';
|
52
|
-
|
53
|
-
const Page: NextPage = () => {
|
54
|
-
const { data: tellers } = useSWR('tellers', () => getTellers());
|
55
|
-
const { data: bankAccounts } = useSWR('bankAccounts', () => getBankAccounts());
|
56
|
-
// const isStafftellers =
|
57
|
-
console.log(tellers);
|
58
|
-
console.log(bankAccounts);
|
59
|
-
|
60
|
-
return withLayout(
|
61
|
-
<>
|
62
|
-
<Head>
|
63
|
-
<title>占い師口座一覧 - RAYSEE管理画面</title>
|
64
|
-
</Head>
|
65
|
-
|
66
|
-
<PageHeader title="占い師口座一覧" style={{ margin: '0 0 16px', padding: '0' }} />
|
67
|
-
<Card bordered={false}>
|
68
|
-
{/* {tellers.isStaff == false && ( */}
|
69
|
-
<Table dataSource={bankAccounts}>
|
70
|
-
<Table.Column
|
71
|
-
title="占い師"
|
72
|
-
dataIndex="tellerId"
|
73
|
-
key="tellerId"
|
74
|
-
render={(tellerId) => tellers.find((teller) => teller.id === tellerId)?.name}
|
75
|
-
/>
|
76
|
-
<Table.Column title="銀行コード" dataIndex="bankCode" key="bankCode" />
|
77
|
-
<Table.Column title="支店コード" dataIndex="branchCode" key="branchCode" />
|
78
|
-
<Table.Column title="口座番号" dataIndex="accountNumber" key="accountNumber" />
|
79
|
-
<Table.Column title="名義人" dataIndex="accountName" key="accountName" />
|
80
|
-
<Table.Column
|
81
|
-
title="作成日時"
|
82
|
-
dataIndex="createTime"
|
83
|
-
key="createTime"
|
84
|
-
render={(value) => value.toLocaleString()}
|
85
|
-
/>
|
86
|
-
<Table.Column
|
87
|
-
title="スタッフ"
|
88
|
-
dataIndex="tellerId"
|
89
|
-
key="tellerId"
|
90
|
-
render={(tellerId) => tellers.find((teller) => teller.id === tellerId)?.isStaff}
|
91
|
-
/>
|
92
|
-
</Table>
|
93
|
-
</Card>
|
94
|
-
</>,
|
95
|
-
!bankAccounts,
|
96
|
-
);
|
97
|
-
};
|
98
|
-
|
99
|
-
export default Page;
|
100
|
-
|
101
|
-
```
|
102
|
-
|
1
画像の修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,9 +1,9 @@
|
|
1
|
-
現在
|
1
|
+
現在サイトを作成しているのですが、
|
2
2
|
口座一覧の履歴にスタッフ欄を作成したいと考えています。
|
3
3
|
データ構造は下記のようになっています。
|
4
4
|
|
5
5
|
console.log(bankAccounts)
|
6
|
-
|
6
|
+
|
7
7
|
```ここに言語を入力
|
8
8
|
accountName: "アベ"
|
9
9
|
accountNumber: "あ"
|
@@ -16,7 +16,7 @@
|
|
16
16
|
```
|
17
17
|
tellers
|
18
18
|
console.log(tellers)
|
19
|
-
|
19
|
+
|
20
20
|
```ここに言語を入力
|
21
21
|
averageRate: 5
|
22
22
|
categories: []
|
@@ -38,8 +38,6 @@
|
|
38
38
|
```
|
39
39
|
自分の考えとしては、テーブルのカラムに、BankaccountのtellerIdが一致するユーザーのisStaffの値を表示したいと考えてます。
|
40
40
|
しかし、
|
41
|
-
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-05-27/549d2143-ab35-49e1-9c13-cf6bfb5ee328.png)
|
42
|
-
|
43
41
|
現状だと何も表示されていません。
|
44
42
|
おそらくTable.Columnのrender部分の書き方が違っていると思うのですが、原因がよく分かっていません。
|
45
43
|
解決策がわかる方がいればよろしくお願いします。
|