The invention discloses an image-text
content management method based on a React framework, and belongs to the field of React, and the method comprises the following steps: creating a project through create-react-app, installing a dragging function, an API request, a rich text editor and other dependencies, and building a Node. Js-based RESTful API and MongoDB
database for storing image-text content and
layout information. And creating text, picture and container components, supporting dynamic rendering and dragging functions, and updating page preview in real time through React
state management. The rich text editor supports picture
insertion, style modification and storage in a
JSON format. And after the user drags or edits, the state is updated, the data is sent to the
server through the API, and the back end analyzes and updates the
database. When the page is loaded, the content is dynamically generated, the component is loaded as required, and the performance is improved by using a virtual rolling technology. And a test is compiled through Jest and React Testting
Library, so that the
correctness of the function is verified. The front end is deployed to Netlife, and the rear end service is deployed to AWS.