как вызвать другой вывод js файла в другой файл js с помощью кнопки onclick в реакции - PullRequest
Новая
       36

как вызвать другой вывод js файла в другой файл js с помощью кнопки onclick в реакции

0 голосов
/ 30 марта 2020

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

выход. js

import React, {Component} from 'react'
import { Modal, Button } from 'react-bootstrap'



class Threed extends Component {
    constructor(){
        super() 
        this.state ={show:false}
    }
    threedModal(){
        this.setState({show:!this.state.show})
    }
    render() {
        return (
            <div>
                {/*<Button onClick= {() => {this.threedModal()}}>
                    rajesh
        </Button>*/}
                <Modal show={this.state.show} onHide={() => this.handleModal()}>
                    <Modal.Header closeButton>MY popup</Modal.Header>
                    <Modal.Body>Rajesh modal done</Modal.Body>
                    <Modal.Footer><Button onClick= {() => {this.handleModal()}}> close </Button></Modal.Footer>
                </Modal>
            </div>
        )
    }

}
export default Threed

home. js

import React, {Component} from 'react'
import { Modal, Button } from 'react-bootstrap'
import threed from './output.js'


class Threed extends Component {
    constructor(){
        super() 
        this.state ={show:false}
    }
    threedModal(){
        this.setState({show:!this.state.show})
    }
    render() {
        return (
            <div>
              <Button onClick= {() => {this.threedModal()}}>
                    rajesh
        </Button>
           </div>
        )
    }

}
export default Threed

Я хочу показать при нажатии home. js и покажите модальное всплывающее окно ...... здесь мое замешательство заключается в том, как получить эту функцию, нажав кнопку Home. js

1 Ответ

1 голос
/ 30 марта 2020

Пожалуйста, перешлите значение в модал.

Home. js

import Threed from './output.js'
class Home extends Component {

...
< Threed show={this.state.show} />

Threed. js

 <Modal show={this.props.show} onHide={() => this.handleModal()}>
...