// const Item = (props) => {
//     console.log(props.data)
//     return (<div className="item">
//         <div className="prefix-right"></div>
//         <div className="text-item">
//         <span className="container-text file-font"> {props.data}</span>
//         </div>
//     </div>)
// }

// const App = (props) => {
//     console.log(props.data)
//     let data = ["test1", "Test2"]
//     return <div>
//         {data.map((item, i)=>{
//             return <Item key={i} data={item} />;
//         })}
//     </div>
// }
// let folder = "test"
// ReactDOM.render(
//     <App data={folder}/>, // data from index.html (django)
//     document.getElementById('react-app')
// );

// console.log("react app")