Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 11 su 11
  1. #11
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,623
    Prova così
    codice:
    export default function Home() {
    
    
        .......................
    	
    	const [open, showDialog] useState(false);
    
    
        return (
            <MaterialTable
                ..............
                actions={[
                    {
                        icon: 'add',
                        tooltip: 'Aggiungi libro',
                        isFreeAction: true,
                        onClick: (event) => showDialog(true)
                    }
                ]}
                ........................
            />
    		
    		<DialogBook open={open}/>
        );
    }
    Oppure così tenendo fisso open sul dialog ed includendolo solo comandando dal componente principale (non so come funziona quel dialog specifico se ha delle property native specifiche)
    codice:
    export default function Home() {
    
    
        .......................
    	
    	const [open, showDialog] useState(false);
    
    
        return (
            <MaterialTable
                ..............
                actions={[
                    {
                        icon: 'add',
                        tooltip: 'Aggiungi libro',
                        isFreeAction: true,
                        onClick: (event) => showDialog(true)
                    }
                ]}
                ........................
            />
    		
    		{open && <DialogBook open={true}/>}
        );
    }

  2. #12
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,623
    Prova così
    codice:
    export default function Home() {
    
    
        .......................
    	
    	const [open, showDialog] useState(false);
    
    
        return (
            <MaterialTable
                ..............
                actions={[
                    {
                        icon: 'add',
                        tooltip: 'Aggiungi libro',
                        isFreeAction: true,
                        onClick: (event) => showDialog(true)
                    }
                ]}
                ........................
            />
    		
    		<DialogBook open={open}/>
        );
    }
    Oppure così tenendo fisso open sul dialog ed includendolo solo comandando dal componente principale (non so come funziona quel dialog specifico se ha delle property native specifiche)
    codice:
    export default function Home() {
    
    
        .......................
    	
    	const [open, showDialog] useState(false);
    
    
        return (
            <MaterialTable
                ..............
                actions={[
                    {
                        icon: 'add',
                        tooltip: 'Aggiungi libro',
                        isFreeAction: true,
                        onClick: (event) => showDialog(true)
                    }
                ]}
                ........................
            />
    		
    		{open && <DialogBook open={true}/>}
        );
    }

  3. #13
    ciao!

    così sembra funzionare:
    codice:
    import React, {useEffect, useState} from 'react';
    import MaterialTable from 'material-table';
    import axios from 'axios';
    import {BOOK_ALL} from "../config/config";
    import DialogBook from "./dialog_book";
    
    export default function Home() {
    
        ....................
        const [open, showDialog] = useState(false);
    
        return (
            <div>
                <MaterialTable
                  ..........
                />
    
                <DialogBook open={open}/>
            </div>
        );
    }
    mettendo anche un div intorno ai due componenti, e il DialogBook secondo tue indicazioni nei precedenti post.
    grazie!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.