import React from 'react';
import './Main.css';
import './Greeting.css';

const Greeting = () => {
const sentence = 'AAAAAAAAAAA';
const myClass = 'greeting-title';
let number = 1;
let text;
let var1;

const textView = () => {
text = sentence.substring(0, number);
var1 = `
${myClass}>${text}
`;
number ++;
}
setInterval(textView, 1000);

return (
<div className="global-container">
<div dangerouslySetInnerHTML={{ __html: var1 }}>
</div>
</div>
);
}

export default Greeting;

sententce의 문자열을 substring으로 text에 저장해서 한 글자씩 출력하려고 하는데 이거 뭐가 틀린거냐; 


undefined 아니면 아무것도 안뜸 제발 도와줘 ㅠㅠ