Javascript 数字之间的空白

我是Reactjs的初学者，正在努力学习和改进，这里我有代码，其中是

test

，在这下面应该会出现数字，就像这样1:1:2 1:3，但是css似乎无法使用它，我得到了数字，但没有css，我也没有得到任何错误消息。。。有什么不对劲吗？守则：

import React，{Component}来自“React”
类按钮扩展组件{
状态={}
按钮=（）=>{
常量proxyurl=”https://cors-anywhere.herokuapp.com/";
const url=“http://***********.com/numbers.txt”；
获取（代理url+url）
.then（response=>response.text（））
.then（contents=>document.write（contents））
}
render（）{
返回(
测试
{this.button（）}
);
}
}
导出默认按钮您的渲染函数应该是纯的，请参见：

render（）
函数应该是纯函数，这意味着它不会修改组件状态，每次调用时都返回相同的结果，并且不会直接与浏览器交互

渲染函数包含对该按钮的调用。因此，每当您的组件重新呈现时，都会发出一个获取请求，而这个请求似乎只应该被调用一次。正如文档所建议的，将此逻辑移到
componentDidMount
中


现在，谈谈你的实际问题。你在打电话，似乎你不明白这是怎么回事
Document.write
将从页面中删除所有事件侦听器，并用您提供的参数替换
正文中的所有内容。假设您有一个ID为
root
（
…
）的根元素，该元素将在调用
文档后被删除；因此，CSS
#root
选择器将不再指向现有元素

不要使用
document.write
，而是在组件的状态上设置内容并呈现：

import React，{Component}来自“React”；
导出默认类按钮扩展组件{
状态={
目录：空
};
componentDidMount（）{
常量proxyurl=”https://cors-anywhere.herokuapp.com/";
const url=“http://***********.com/numbers.txt”；
获取（代理url+url）
.then（response=>response.text（））
.then（contents=>this.setState（{contents}））；
}
render（）{
返回(
测试
{this.state.contents}
);
}
}

如果使用React，您应该没有理由调用
文档。编写
，即使你是为了测试而做的，或者你试图实现某种页面重新加载/涡轮链接功能，也有更好的选择。
你知道这里出了什么问题吗？你期望什么结果？什么不起作用？@Anarion css根本不起作用，抓取起作用了你是说你的css没有连接到页面上？CSS不能“不工作”，它可能不在页面上，或者选择器可能是错误的。我不知道为什么我的答案或你的问题被否决了。“帮助中心”中介绍了向下投票。除非发表评论，否则无法得知。否则，这只是一件糟糕的事情，让任何想要加入社区的人都感到困惑。