[React] 텍스트를 한 자 한 자 쪼개서 감싸기 - 함수형

const WrapTextInSpans = ({ text }) => {
        return (
            <>
                {text.split('').map((char, index) => (
                    <span key={index} style={{ '--char-index': index }}>
                      {char}
                    </span>
                ))}
            </>
        );
    };

<WrapTextInSpans text={'inner texts'} />