我想展示我的网站上使用打字机效果的特定代码段.我不仅希望它被显示,但也“键入”出来时,页面加载.我还没有找到一个解决方案,希望你能帮助我.这里是我目前的代码:
'use client';
import { Code, HStack, Heading, VStack } from '@chakra-ui/react';
import { useEffect } from 'react';
import Typewriter from "typewriter-effect";
export default function AnimatedCodeBlock() {
return (
<>
<Code children={
<Typewriter options={{
delay:1,
autoStart: true,
strings:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
}} />
}></Code>
</>
);
}
//Code I Would like to be displayed.
/*
using System;
class Program
{
static void Main()
{
Console.WriteLine("Hello, World!");
}
}
*/
字符串
1条答案
按热度按时间2sbarzqh1#
您应该将
Code
块 Package 在pre
中。试试看:
字符串