在React PWA中安全显示获取的HTML字符串

时间:2018-11-30 14:40:21

标签: reactjs react-redux axios wysiwyg

我在React中通过axios从无头CMS(座舱)中获取所见即所得数据:

export const initCockpitPageInfo = (state, action) => {
return dispatch => {
    axios.get(Config.COCKPIT_API_DOMAIN + 'api/singletons/get/Test?token=' + Config.COCKPIT_API_KEY).then(response => {
        dispatch(setCockpitPageInfo(response.data));
    }).catch(error => {
        dispatch(fetchCockpitPageInfoFailed());
    });
};

}

然后我想在redux操作获取数据后显示HTML,现在我是这样的:

<div dangerouslySetInnerHTML={{ __html: this.props.pagedata.page.data.text }} />

但是,就像react函数所说的那样,这很危险。有什么方法可以确保此安全,还是有什么更聪明的方法呢?谢谢!

0 个答案:

没有答案