XeNote/components/MDContainer.js

24 lines
621 B
JavaScript

import React, {useState} from 'react';
import MDContent from "./MDContent";
import {v4 as uuidv4} from 'uuid';
function MDContainer({post, fileNames}) {
const [posts, setPosts] = useState([post]);
function handleClick(content) {
console.log(content)
setPosts(prevPosts => {
return [...prevPosts, content]
})
}
return (
<div className="Container">
{posts.map(p => (
<MDContent key={uuidv4()} content={p} handleOpenNewContent={handleClick} fileNames={fileNames}/>
))}
</div>
);
}
export default MDContainer;