dangerouslySetInnerHTML的问题求解

2019-04-15 11:10:52 409 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Benchmark系列——UnixBench测试项深度解析与性能优化指南本文深度解析UnixBench基准测试套件的各项测试原理，包括Dhrystone、Whetstone、系统调用、进程管理、IPC及文件I/O等核心测试项。通过详细的测试项分析，指导用户解读测试报告，并提供针对性的内核参数调整、编译优化及系统配置实战指南，帮助用户精准定位并优化系统性能瓶颈。阅读详情

源代码在这：出现的问题是我加了这个dangerouslySetInnerHTML，我点击之后，动态渲染html不行，没了内容

import React, {Component} from 'react'

import CheckList from "./CheckList";

import marked from 'marked'

class Card extends Component {

    constructor(props) {

        super(props);

        this.state = {

            showdetails: false

        }

    }



    hanleChange() {

        this.setState({

            showdetails: !this.state.showdetails

        })

    }



    render() {

        let cardDetails;

        if (this.state.showdetails) {

            cardDetails = (

                <div className="card_details">

                    <span dangerouslySetInnerHTML={{_html:marked(this.props.description)}}/>

                    <CheckList cardId={this.props.id} tasks={this.props.tasks}/>

                </div>

            )

        } else {

            cardDetails = null;

        }





        return (

            <div className="card">

                <div className={this.state.showdetails?"card_title_open":"card_title"} onClick={this.hanleChange.bind(this)}>{this.props.title}</div>

                {cardDetails}

            </div>

        );

    }

}



export default Card;