reactjs – 如何使用React显示html实体？

我想显示’立方’html实体(上标3).我喜欢
这个：

const formatArea = function(val){
    return val + " ft³";
}

从组件内部调用formatArea的地方：

render(){
    return (
        <div>
            {formatArea(this.props.area)}
        </div>
    );
}

但是,浏览器显示为ft& sup3;

使用JSX找到这种方式：

const formatArea = (val) => {
    return (<span>{val}&nbsp;ft<sup>3</sup></span>);
}