[React] Chiamare un metodo di un altro componente

[m4rko80]

Prova così

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)

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}/>}
    );
}

[m4rko80]

Prova così

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)

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}/>}
    );
}

[fermat]

ciao!

così sembra funzionare:

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!!