APIからAntデザインテーブルにプルされたデータをより適切にフォーマットする方法
user12347779
APIから取得したデータを使用して、antデザインテーブル内の特定の列にドル記号のプレフィックスとコンマを追加しようとしています。
これが私が何をしようとしているのかです、私はこれと私の人生のために他のいくつかのことを理解することができないようです： 
componentDidMount() {
axios.get('https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=250&page=1&sparkline=true&price_change_percentage=24hr')
.then(res => {
const data = res.data;
this.setState({ data })
})
}
render() {
const { data } = this.state;
const tableData = data.map(row => ({
Rank: row.market_cap_rank,
Name: row.name,
Price: row.current_price,
Change: row.price_change_24h,
totalVol: row.total_volume,
marketCap: row.market_cap,
}))
const columns = [{
title: 'Rank',
dataIndex: 'Rank',
key: 'Rank',
}, {
title: 'Name',
dataIndex: 'Name',
key: 'Name',
}, {
title: 'Price',
dataIndex: 'Price',
key: 'Price',
}, {
title: '24hr Change',
dataIndex: 'Change',
key: 'Change',
}, {
title: 'Total Volume',
dataIndex: 'totalVol',
key: 'totalVol',
},
...
<Table rowKey='Name' columns={columns} dataSource={tableData} size="small"/>
また、記述されたコードがより優れている可能性があること、およびテーブルのキーなどに関するヒントや提案があることを十分に認識しています。お知らせください。
プラモッドシン
これにはいくつかのフォーマットが必要です。私はずっと前にそれを試しましたが、使用した関数は次のとおりです。
value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
これにより、適切な場所に$とコンマが追加されます。ありがとう
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
- 前の投稿：置換法によるクイックソートの最悪の場合のパフォーマンスの分析
- 次の投稿：AppEngineからCloudSQLへのトラフィックは、インターネットまたはGoogle内部ネットワークを経由しますか？
関連記事
Related 関連記事
- 1
適切にフォーマットされたテーブルをコンソールに印刷するにはどうすればよいですか？
- 2
適切にフォーマットされたテーブルへの3Dデータ（ケーブル）
- 3
フォーマットされたダミーデータをxタイムステップ（つまり、ステップ0から40000）のファイルに追加するにはどうすればよいですか？
- 4
データセットを、事前に指定された列数の適切にフォーマットされたテーブルに読み込みます
- 5
ifステートメントを使用してcsvからインポートされたフォーマットテーブルのPowerShellデータを表示するにはどうすればよいですか？
- 6
すべてのスキーマバインドビュー（および「フィルター処理されたインデックス」のようなテーブルの切り捨てを防ぐ他のオブジェクト）をスクリプト化するにはどうすればよいですか？
- 7
デフォルトのユーザーエージェントスタイルを除く、要素から適用されたスタイルを取得する方法
- 8
allauthのカスタマイズされたサインアップフォームからフィールドをカスタムユーザーモデルに保存するにはどうすればよいですか？
- 9
Markdownで適切にフォーマットされたテーブルを作成する：knitrがstargazer> htmlテーブルをコンパイルしない
- 10
BeautifulSoupによってスクレイピングされた後、テーブルを適切にフォーマットする
- 11
jOOQでformatJSON（JSONFormat）を使用して、JSONタイプの生成されたルーチン結果を適切にフォーマットする方法
- 12
ブートストラップおよびブートストラップマテリアルデザインのプレースホルダーフォントサイズを変更するにはどうすればよいですか？
- 13
マップされたときにフラットな値を返すように角度オブザーバブルをコーディングする方法
- 14
マップされたエンティティの属性Springにフィルターが適用された後、1対1のマップされたエンティティからデータを取得する方法
- 15
Angular Material MatTableModule-テンプレートのマットテーブルの外部からcomponent.tsファイルから返されたデータにアクセスするにはどうすればよいですか？
- 16
特定のデザインでテーブルヘッダーをフォーマットするにはどうすればよいですか？
- 17
マテリアルデザインに準拠したパディングをフラッタースキャフォールドに適用するにはどうすればよいですか？
- 18
djangoでscssを使用する：CACHEでcssにコンパイルされたscssは「適用」されますが、デフォルトでは「オーバーライド」されますブートストラップテーマ
- 19
角度のあるマテリアルデザインを乱したり上書きしたりせずに、角度のあるブートストラップグリッドスタイルを使用するにはどうすればよいですか？
- 20
私のSQLワークベンチからcsvデータを適切にフォーマットする方法
- 21
削減されたデータセット（より大きなテーブルのサブセット）を使用してクエリのパフォーマンス時間を改善するにはどうすればよいですか？
- 22
Microsoft SQLServerからの適切にフォーマットされていないデータを整理する
- 23
Scalaスクランブルされたデータを適切な順序でフォーマットする方法
- 24
ANTを使用して、ローカルディレクトリからマップされたドライブにファイルをコピーします
- 25
Slackchat.postMessageの添付ファイルデータを適切にフォーマットする方法
- 26
JSONデータからグループ化されたデータをフォーマットする
- 27
ボタンが2回押されたとき、つまり選択された/選択されたステップからデフォルトのステップにアニメーションを反転する方法をすばやく
- 28
ボタンが2回押されたとき、つまり選択された/選択されたステップからデフォルトのステップにアニメーションを反転する方法をすばやく
- 29
Pythonのテキストファイルからデータセットを読み取り、それにマトリックスを適用する方法
コメントを追加