Как мне изменять input с заранее заданным value? Делаю редактирование определенных элементов, данные в value получаю из БД, ну и, идея в том, чтобы когда юзер нажимает на "Редактировать", у него появлялось окно с инпутом для редактирования выбранного элемента, а в инпуте была старая инфа
import React from "react";
import "./styles.css";
export default function App() {
const arr = { company: [{ companyName: "Apple" }] };
const blockCreate = () => {
return arr.company.map(project => (
<input type="text" value={project.companyName} />
));
};
return (
<div className="App">
<div>{blockCreate()}</div>
</div>
);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
Сейчас в input ничего нельзя вписать, но при этом он выводит, то, что нужно Как быть?