src\main.ts

import React, {useState} từ 'react';

import {useEffect} từ 'react-dom';

nhập axios từ 'axios';

nhập '. / index.css';

Export hàm mặc định App() {

const [title, setTitle] = useState('');

const [content, setContent] = useState('');

UseEffect() = {>

Axios.get('/api/tendencies')

.then (trả lời = {>

Tây Nhánhors.generated.ts 第1张

setData (response.data);

setTitle(response.data.title);

})

.catch(error = console.log(error));>

}, []);

trở lại (

<div className = container"">

<H1 {title} / H1><>

<p {content} / p><>

</ div />

);

// INDEX CSS

.index.css

.container {

chiều rộng tối đa: 800px;

Margin: tự động;

h1 {

font-size: 24px;

màu: # 333;

p {cần dẫn

font-size: 16px;

chiều cao dòng: 1,5;

margin-bottom: 20px;