datalistFromQuery에서 type: http 사용하기

사용 팁
, , , ,
1

datalistFromQuery에서 HTTP API 블록을 사용하는 방법을 공유드립니다.

datalistFromQuery는 결과가 완전히 리스트이거나 key, value 쌍이어야합니다.

API 응답을 responseFn으로 컨트롤해서

value와 label 정보를 가져오는 방식과 list로 활용하는 방법 2가지를 아래 예제 코드에서 확인하실 수 있습니다.

menus:
- path: TGHJp2/datalist-http-api

pages:
- path: TGHJp2/datalist-http-api
  
  blocks:
  - type: query
    resource: mysql.qa
    sqlType: select
    sql: >
      SELECT *
      FROM wine_stock
      WHERE id = :item
    params:
      - key: item
        label: 아이템
        datalist: true
        # 데이터의 label로 표기하고 싶으신 경우 Preview 또는 Dropdown 둘중에 하나를 사용해주세요.
        # datalistPreview: true 
        # datalistDropdown: true
        datalistFromQuery: 
          type: http 
          name: api
          axios:
            method: GET
            url: https://api.selectfromuser.com/sample-api/products
          rowsPath: rows
          
          responseFn: |
            const result = rows.map(e => {
              return {
                value: e.id,
                label: e.name,
              }
            })
            return result

          # responseFn: |
          #   rows.map(e => e.id)

관련하여 궁금한 점은 댓글이나 서비스내 채팅 등으로 편하게 문의해주세요.

감사합니다.