reactjs 如何根据从服务器获取的数据显示其他文本

Question

如何根据从服务器获取的数据显示其他文本或图标，这里我从服务器获取以下这些数据，对于所有 false 参数，我想显示一些其他文本而不是 false，如果有 false 那么我想要显示一些十字图标，如果有，那么我想显示成功图标， 这是我的数据的屏幕截图

这是我展示数据的功能

showPrice= () => {
debugger;
if (this.state.priceList !== undefined) {
  return this.state.priceList.map(price => {


    return (

      <tr>
        <td>{price.premiumname}</td>
        <td>dfdf</td>
        <td>{price.expired_time}</td>
        <td>{price.inrprice}</td>

    <td>{price.entertainmentvideo }</td>
        </td>}
        <td>{price.accesslesson}</td>
        <td>{price.exerciselesson}</td>
        <td>{price.lsystem}</td>
        <td>{price.vocabulary}</td>
        <td>{price.materialdownload}</td>
        <td>{price.exclusivewebinars}</td>
        <td>{price.tutoring}</td>
        <td>{price.conversation}</td>
        <td>{price.subscribtion}</td>
        <td>

请帮助我，我是 Reacts 新手 谢谢

Answer 1

让我们假设以下状态，在componentDidMount 中的 API 调用后获取更新：

state = { data : null }

componentDidMount(){
     APICall().then(data => this.setState({ data })) 
}

现在你只需要根据状态的属性来渲染文本。例如：

render(){
    <>
        !this.state.data ? <p>Loading</p> : <p>Loaded</p>
    </> 
}