bsp-answer v1.0.1

demo component

bsp-answer

回答卡片

title: 用法

order: 1

本 Demo 演示一行文字的用法。

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Answer from 'bsp-answer';

class App extends Component {
  render() {
    return (
      <div>
        <Answer data={{
          "type":"data",
          result: [{
            type: "text", 
            "text":"城市中的问题众多，难以全面覆盖，但基于居民反馈的事件分析，我们可以提供一些相关的参考信息，以帮助您更好地了解城市的整体情况。"
          },{
            type: "map", 
            "map": [{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200304","areaName":"南苑社区04网格","eventId":"202210280004070001","longitude":"111.31664276","latitude":"30.69337082"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050320121807","areaName":"花溪路社区07网格","eventId":"202210280018050001","longitude":"111.39096832","latitude":"30.62948418"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301206","areaName":"白家冲社区06网格","eventId":"202210280356050001","longitude":"111.34331512","latitude":"30.67225456"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050610821303","areaName":"东西泉村03网格","eventId":"202210280632040001","longitude":"111.54089355","latitude":"30.67898750"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200300412","areaName":"石板溪社区12网格","eventId":"202210280654050001","longitude":"111.29180145","latitude":"30.70988274"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301206","areaName":"白家冲社区06网格","eventId":"202210280706070001","longitude":"111.34331512","latitude":"30.67225456"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200201208","areaName":"体育场路社区08网格","eventId":"202210280724070001","longitude":"111.31082153","latitude":"30.69470215"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200407","areaName":"学堂湾社区07网格","eventId":"202210280736090001","longitude":"111.32738495","latitude":"30.70020294"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200201208","areaName":"体育场路社区08网格","eventId":"202210280742080001","longitude":"111.31036377","latitude":"30.69459915"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058300110219","areaName":"七口堰社区19网格","eventId":"202210281544090001","longitude":"111.75494385","latitude":"30.43618393"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300100510","areaName":"北山坡社区10网格","eventId":"202210281544110001","longitude":"111.30036926","latitude":"30.69000053"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050610821802","areaName":"长寿村02网格","eventId":"202210281546040001","longitude":"111.51773071","latitude":"30.58531952"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050610620201","areaName":"瓦窑坪村01网格","eventId":"202210281546110001","longitude":"111.06183624","latitude":"30.84450150"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600101105","areaName":"长江市场社区05网格","eventId":"202210281548080001","longitude":"111.30416870","latitude":"30.76706886"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050610620201","areaName":"瓦窑坪村01网格","eventId":"202210281550150001","longitude":"111.06183624","latitude":"30.84450150"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700300206","areaName":"东山花园社区06网格","eventId":"202210281552060001","longitude":"111.31620789","latitude":"30.70626831"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600100403","areaName":"平湖社区03网格","eventId":"202210281552140001","longitude":"111.32653046","latitude":"30.77568054"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058200100207","areaName":"坝陵桥社区07网格","eventId":"202210281554060001","longitude":"111.81575012","latitude":"30.83231163"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600201412","areaName":"锦湖社区12网格","eventId":"202210281556040001","longitude":"111.36749268","latitude":"30.76152039"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200200302","areaName":"小林园社区02网格","eventId":"202210281558150001","longitude":"111.28829956","latitude":"30.69599152"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200601","areaName":"王家坝社区01网格","eventId":"202210281604100001","longitude":"111.32781982","latitude":"30.68509483"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200500201","areaName":"石子岭社区01网格","eventId":"202210281604150001","longitude":"111.28932190","latitude":"30.72605896"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300400501","areaName":"伍家岗社区01网格","eventId":"202210281610130001","longitude":"111.35218811","latitude":"30.64473724"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200601005","areaName":"列电路社区05网格","eventId":"202210281610250001","longitude":"111.31085205","latitude":"30.74210930"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301502","areaName":"竹涛山社区02网格","eventId":"202210281612090001","longitude":"111.33265686","latitude":"30.67970657"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200202","areaName":"苏家榜社区02网格","eventId":"202210281624060001","longitude":"111.31767273","latitude":"30.68839264"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200720103","areaName":"石板社区03网格","eventId":"202210281624140001","longitude":"111.34607697","latitude":"30.73174858"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200207","areaName":"苏家榜社区07网格","eventId":"202210281626140001","longitude":"111.32077789","latitude":"30.68113327"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200300602","areaName":"铁路坝社区02网格","eventId":"202211211615080001","longitude":"111.29522705","latitude":"30.70720863"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200200906","areaName":"广场路社区06网格","eventId":"202211211615180001","longitude":"111.29379272","latitude":"30.70257187"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200200508","areaName":"果园路社区08网格","eventId":"202211211615240001","longitude":"111.29728699","latitude":"30.69628143"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200200509","areaName":"果园路社区09网格","eventId":"202211211615310001","longitude":"111.29790497","latitude":"30.69697380"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200301303","areaName":"大学路社区03网格","eventId":"202211211615370001","longitude":"111.31553650","latitude":"30.72263908"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600100409","areaName":"平湖社区09网格","eventId":"202211211619130001","longitude":"111.33346558","latitude":"30.77882195"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200201208","areaName":"体育场路社区08网格","eventId":"202211211620320001","longitude":"111.31293488","latitude":"30.69202995"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42052510520603","areaName":"白云村03网格","eventId":"202211211621350001","longitude":"111.77453613","latitude":"31.23916817"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300100805","areaName":"胜利二路社区05网格","eventId":"202211211621430001","longitude":"111.30506897","latitude":"30.68372536"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300200317","areaName":"万达社区17网格","eventId":"202211211622010001","longitude":"111.30780792","latitude":"30.68040657"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300200311","areaName":"万达社区11网格","eventId":"202211211624490001","longitude":"111.30490875","latitude":"30.68190956"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301601","areaName":"胡家冲社区01网格","eventId":"202211211625180001","longitude":"111.33274841","latitude":"30.67898369"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050320121001","areaName":"合益村01网格","eventId":"202211211630490001","longitude":"111.34044647","latitude":"30.66145325"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200500603","areaName":"桥头社区03网格","eventId":"202211211632180001","longitude":"111.28834534","latitude":"30.71504211"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300100601","areaName":"胜利四路社区01网格","eventId":"202211211633560001","longitude":"111.29805756","latitude":"30.68744087"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200100612","areaName":"解放路社区12网格","eventId":"202211211635250001","longitude":"111.28487396","latitude":"30.69843674"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300200707","areaName":"建设社区07网格","eventId":"202211211638420001","longitude":"111.30680084","latitude":"30.68494797"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200300202","areaName":"土街头社区02网格","eventId":"202211211641200001","longitude":"111.28325653","latitude":"30.71153641"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600101011","areaName":"港虹社区11网格","eventId":"202211211641230001","longitude":"111.31212616","latitude":"30.76593781"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050320121807","areaName":"花溪路社区07网格","eventId":"202211211641300001","longitude":"111.39096832","latitude":"30.62948418"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050500200201","areaName":"黄龙寺社区01网格","eventId":"202211211641360001","longitude":"111.48580933","latitude":"30.55278397"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700200209","areaName":"苏家榜社区09网格","eventId":"202211211641420001","longitude":"111.31652069","latitude":"30.68308830"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050600100408","areaName":"平湖社区08网格","eventId":"202211211641490001","longitude":"111.33227539","latitude":"30.78165245"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050320100103","areaName":"福久源社区03网格","eventId":"202211211642020001","longitude":"111.36306000","latitude":"30.64966774"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050320120603","areaName":"共和村03网格","eventId":"202211211646590001","longitude":"111.39765930","latitude":"30.64607239"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058300110322","areaName":"五柳树社区22网格","eventId":"202211211648010001","longitude":"111.74065399","latitude":"30.42854500"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300300207","areaName":"宝联社区07网格","eventId":"202211211648220001","longitude":"111.32606506","latitude":"30.66828918"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050400100403","areaName":"五龙社区03网格","eventId":"202211211648500001","longitude":"111.28073120","latitude":"30.67800713"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058300110316","areaName":"五柳树社区16网格","eventId":"202211211649040001","longitude":"111.74160004","latitude":"30.42840195"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301207","areaName":"白家冲社区07网格","eventId":"202211211651300001","longitude":"111.34464264","latitude":"30.67321205"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300100709","areaName":"新隆康路社区09网格","eventId":"202211211653330001","longitude":"111.29256439","latitude":"30.69142342"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058100400404","areaName":"鸡头山村04网格","eventId":"202211211654480001","longitude":"111.39463806","latitude":"30.39039040"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050700300510","areaName":"廖家湾社区10网格","eventId":"202211211658490001","longitude":"111.33544159","latitude":"30.72442055"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200300503","areaName":"樵湖岭社区03网格","eventId":"202211211700430001","longitude":"111.28611755","latitude":"30.71283531"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300300312","areaName":"古塔社区12网格","eventId":"202211211703010001","longitude":"111.33294678","latitude":"30.65906715"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300401401","areaName":"八一路社区01网格","eventId":"202211211704020001","longitude":"111.36136627","latitude":"30.64056969"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200720205","areaName":"唐家湾社区05网格","eventId":"202211211704410001","longitude":"111.33473206","latitude":"30.73981476"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300200608","areaName":"港务社区08网格","eventId":"202211211709270001","longitude":"111.31040192","latitude":"30.68390656"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42058200300305","areaName":"符台村05网格","eventId":"202211211709300001","longitude":"111.95959473","latitude":"30.50382233"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050300301305","areaName":"东星社区05网格","eventId":"202211211709400001","longitude":"111.32932281","latitude":"30.67533875"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050410200601","areaName":"广化寺社区01网格","eventId":"202211211710300001","longitude":"111.18835449","latitude":"30.67957115"},{"scenarioCode":"system_ai_discovery","batchId":116,"areaCode":"42050200600902","areaName":"夜明珠社区02网格","eventId":"202211211710400001","longitude":"111.30726624","latitude":"30.73817062"}]
          }]
        }}/>
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);