Как сохранить HTML-разметку в текстовый файл? ReactJS

Question

Ниже приведён пример кода.

import React, { Component } from 'react';
import { connect } from 'react-redux';

class Banner extends Component {
    constructor(props) {
        super(props);


       this.renderImg = this.renderImg.bind(this);
    }
    

    renderImg () {
            return (
                <div key={this.props.id} className="storie" >
                    <img src={this.props.src} />
                    <span>{this.props.text}</span>
                </div>
            );
    }
    render () {
       
        return (
            <div className="flex">
                <div className="col-12 col-md-10 m-5 banner">
                    <div className="row">
                        <div className="col-12">
                            {this.renderImg()}
                        </div>
                    </div>
                </div>
            </div>
            
            
            
        );
    }


}


export default Banner;

Могу ли я сохранить в текстовый файл результат вывода функции renderImg? Мне нужен именно html-код, который был отрендерен в браузере. Как это сделать на React?

Answer 1

Нашел вот такой пример, который подошел мне:

nodeToString ( node ) {
        var tmpNode = document.createElement( "div" );
        tmpNode.appendChild( node.cloneNode( true ) );
        var str = tmpNode.innerHTML;
        tmpNode = node = null; // prevent memory leaks in IE
        return str;
    }

БЛОГ НА HUSL

Как сохранить HTML-разметку в текстовый файл? ReactJS

Ответы (1 шт):