24 lines
588 B
JavaScript
24 lines
588 B
JavaScript
|
import React, {useState} from 'react';
|
||
|
|
import MDContent from "./MDContent";
|
||
|
|
import {v4 as uuidv4} from 'uuid';
|
||
|
|
|
||
|
|
function MDContainer({post}) {
|
||
|
|
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}/>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default MDContainer;
|