第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何遍歷異步返回的對(duì)象并將其顯示在react.js中?

如何遍歷異步返回的對(duì)象并將其顯示在react.js中?

莫回?zé)o 2023-06-15 09:52:45
我在顯示函數(shù)調(diào)用的結(jié)果時(shí)遇到了問(wèn)題 await toxic("a toxic sentence")。我能得到的最接近的是在 React 插件的組件狀態(tài)中看到這個(gè)更新,但是它沒(méi)有更新組件本身。function ToxicLabels(theObject) {  return (  <h2>{theObject.label}  match {theObject.results[0].match}</h2>  )}class App extends React.Component {  constructor(props) {    super(props)    this.state = {      objects: [],    }  }  componentDidMount() {    this.renderThePost()  }  componentDidUpdate(){    render()  }  renderThePost = async () => {    try {      let response = await toxic('you suck')      this.setState({        object: response,      })      // this.state.object.map((object)=>{      //   console.log(object)      //   ToxicLabels(object)      // })      }catch (err) {        console.log(err)      }    }  render() {      return (        <div>          <h2>Hello {"Hola"}</h2>          {this.state.object.map((object)=> {            console.log(object)            ToxicLabels(object)            })}        </div>      )    }  }返回的數(shù)據(jù)結(jié)構(gòu)。這就是 TensorFlow 的毒性模型返回?cái)?shù)據(jù)的方式。數(shù)組中有 7 個(gè)對(duì)象。每個(gè)對(duì)象內(nèi)部都有一個(gè)標(biāo)簽和一組結(jié)果,顯示匹配(真或假)和概率。{  "object": [    {      "label": "identity_attack",      "results": [        "{match: false, probabilities: Float32Array(2)}"      ]    },    {      "label": "insult",      "results": [        "{match: true, probabilities: Float32Array(2)}"      ]    },    {      "label": "obscene",      "results": [        "{match: null, probabilities: Float32Array(2)}"      ]    },    {      "label": "severe_toxicity",      "results": [        "{match: false, probabilities: Float32Array(2)}"      ]    },    {      "label": "sexual_explicit",      "results": [        "{match: null, probabilities: Float32Array(2)}"      ]    },    {      "label": "threat",      "results": [        "{match: false, probabilities: Float32Array(2)}"      ]    },    {      "label": "toxicity",      "results": [        "{match: true, probabilities: Float32Array(2)}"      ]    }  ]}
查看完整描述

2 回答

?
溫溫醬

TA貢獻(xiàn)1752條經(jīng)驗(yàn) 獲得超4個(gè)贊

此代碼適用于我,只需排除有毒功能并使用您自己的功能即可。


import React from "react"


const toxic = () => {

    return {

  "object": [

    {

      "label": "identity_attack",

      "results": [

        "{match: false, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "insult",

      "results": [

        "{match: true, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "obscene",

      "results": [

        "{match: null, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "severe_toxicity",

      "results": [

        "{match: false, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "sexual_explicit",

      "results": [

        "{match: null, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "threat",

      "results": [

        "{match: false, probabilities: Float32Array(2)}"

      ]

    },

    {

      "label": "toxicity",

      "results": [

        "{match: true, probabilities: Float32Array(2)}"

      ]

    }

  ]

}


}


function ToxicLabels(theObject) {

  return (

  <h2>{theObject.label}  match {theObject.results[0].match}</h2>

  )

}


export default class App extends React.Component {

  constructor() {

    super()

    this.state = {

      render: false, 

      objects: [],

    }

  }


  componentDidMount() {

    this.renderThePost()

  }

  componentDidUpdate(){

    this.render()

  }


  renderThePost = async () => {

    try {

      let response = await toxic('you suck')

      console.log( response )

      this.setState({

        objects: response.object,

        render: true

      })

      // this.state.object.map((object)=>{

      //   console.log(object)

      //   ToxicLabels(object)

      // })

      }catch (err) {

        console.log(err)

      }

    }


  render() {

      if( !this.state.render ) { return <div></div> }

      return (

        <div>

          <h2>Hello {"Hola"}</h2>

          {this.state.objects.map((object) => {

            

            return ToxicLabels(object)

            })}

        </div>

      )

    }

  }


查看完整回答
反對(duì) 回復(fù) 2023-06-15
?
寶慕林4294392

TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊

這可以解決。


this.setState({

        objects: response.object,

      })

...

{this.state.objects.map((object)=> ToxicLabels(object))}


查看完整回答
反對(duì) 回復(fù) 2023-06-15
  • 2 回答
  • 0 關(guān)注
  • 165 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)