使用antv及在model中新發現的問題小結

2021-08-21 21:41:43 字數 2022 閱讀 2050

今天在打算使用viser圖來插入到自己的介面中時出現了一系列的問題,究其根本是自己還沒有掌握一步步去排查錯誤的方法,且對於dva中的model裡面的執行機制沒有做到透徹理解。(viser是真的很好用,自己不需要去造輪子,呈現圖的時候也不需要自己去實現橫縱座標、圖例及提示框,完全都已經封裝好了直接呼叫就可以)下面呈現此次的過程:

我的目標是這樣:使用mock資料來在介面展現乙個折線圖。,如圖:

}將service、model及index都寫好後,覺得在邏輯上沒有什麼問題了,但是開啟介面發現出錯了,沒有任何的圖表還有資料,於是將index裡面的引入的資料進行列印,發現為空陣列。然後跑到model裡面去列印query裡從後台查詢出來的資料,但是發現控制台裡無法顯示我想列印的東西,下面的people是從後台去取得資料:

import react,  from 'react'

import proptypes from 'prop-types'

import from 'dva'

import from 'antd'

import from 'utils'

import from 'components'

//import styles from './index.less'

const dataset = require('@antv/data-set');

const bodystyle = ,

}const blb = () => = blb

console.log(people)

return (

)}export default connect(() => ())(blb)

在model中列印data,控制台無任何輸出:

這時候就要考慮了,在dva的model操作中,步驟是這樣子的:

乙個系統之中會有多個介面,我們建立了乙個訂閱機制,監聽當前介面的路徑,如果這個路徑匹配成功,那麼就發起乙個action,這個action會有乙個dispatch型別(函式),型別裡面就是確定完這個路徑後接下來需要往**呼叫哪個函式去拿到資料:

subscriptions: ) ) => )}})

},

接下來是實現query:

effects: , ) )

},},

以上就是在model層乙個對資料的操作。。

剛才說到,列印query裡面的data,控制台裡面沒有任何東西。這時候需要考慮,在進行傳輸資料時,是不是還沒有走到query這一步? 所以回到subscription中,列印一下pathname,看一下路徑是否正確。列印出來結果是:

確認過眼神,是路徑錯了。

把路徑修改為console出來的,我的圖就出來了。

現在對於dva還是不熟,老是踩坑。

OC中陣列和字典在model中使用的區別

我們常常會用乙個model來存放陣列或者字典對應的value值,比如我們傳遞乙個字典到model解析 like this instancetype initwithdictionary nsdictionary dictionary 從json資料中解析乙個字典放進去,然後在model中解析出陣列或...

shell及在Linux的使用

命令 功能 n 1 表示第乙個引數,2 表示第二個引數 命令列引數的個數 0當前程式的名稱 前乙個命令或函式的返回碼 以 引數1 引數2 形式儲存所有引數 以 引數1 引數2 形式儲存所有引數 本程式的 程序id號 pid 命令列輸出 將一串字元當成乙個字串來對待,如果字串中包含特殊含義的字元,則轉...

在Egg中使用MongoDB及Mongoose

新公司的專案中用了egg和mongodb及mongoose。最近有空來系統的梳理一下。egg 使用 egg mongoose來方便的跟資料庫進行鏈結 eggproject server config config.default.ts 單資料庫鏈結 mongoose 多資料庫鏈結 mongoose ...