Как отобразить данные JSON с помощью «Реакция JSX» с «Сладким предупреждением 2»? - PullRequest
Новая
       12

Как отобразить данные JSON с помощью «Реакция JSX» с «Сладким предупреждением 2»?

0 голосов
/ 02 апреля 2019

Я занимаюсь разработкой сценария в реагировать и nodejs. Идея состоит в том, чтобы отображать контент из json на страницу реакции, используя sweet alert 2.

В выводе не отображаются результаты, которые должны отображать содержимое из файла json.

Вот мои коды 

import React from 'react';
import Swal from 'sweetalert2';
import withReactContent from 'sweetalert2-react-content';
const MySwal = withReactContent(Swal);
const json = require('json-loader!./myfilepath.json');
class pageJSONOCR extends React.Component
{

getData = () =>

{

    console.log("Button Clicked");

    MySwal.fire({

        title: 'Success!',

        text: "Button is clicked",

        type: 'success',

        showCancelButton: false,

        confirmButtonText: 'View File'

      }).then((result) => {

        if (result.value) {

            MySwal.fire(

                'The Content Of Json File',

                `${json}` 

          )

        }

      })

}

render()

{

    console.log("Header - Rendered");

    return(

        <div className="container">

            <div className="py-5 text-center">

                <div className="jumbotron">

                    <div className="container">

                        <h1>Out Put</h1>

                        <hr/>

                        <p className="lead">Check The JSON File</p>

                        <button className="btn btn-primary" value="Submit" onClick={this.getData}>Submit</button>

                    </div>

                </div>

            </div>

        </div>

    );

}
}
export default pageJSONOCR;

Если есть какие-то решения, помогите мне.

Заранее спасибо!

...