Javascript 如何使用react js在段落中显示结果

如何显示结果，现在在下面的代码中，我只将其导出到控制台，但我希望它在浏览器中的段落或其他标记中。我知道这可能是个愚蠢的问题，但我还没有反应过来

从“React”导入React，{Component，useState，useffect}； 类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0 } } 手电筒{ this.setState{input:e.target.value} } 手绢云母{ e、 防止违约 让值=evalthis.state.input console.logvalue } 渲染{ 回来 this.handleSubmite}> this.handlechange}/> 邮寄 } } 导出默认应用程序 将值设置为状态。然后使用此.state.value访问它

从“React”导入React，{Component，useState，useffect}； 类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0， 值：， } } 手电筒{ this.setState{input:e.target.value} } 手绢云母{ e、 防止违约 让值=evalthis.state.input 这个.setState{value}； } 渲染{ 回来 this.handleSubmite}> this.handlechange}/> 邮寄 {this.state.value}

} } 导出默认应用程序 将值设置为状态。然后使用此.state.value访问它

从“React”导入React，{Component，useState，useffect}； 类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0， 值：， } } 手电筒{ this.setState{input:e.target.value} } 手绢云母{ e、 防止违约 让值=evalthis.state.input 这个.setState{value}； } 渲染{ 回来 this.handleSubmite}> this.handlechange}/> 邮寄 {this.state.value}

} }

---

导出默认应用程序 我可以看到您正在使用useState钩子。您如何设置一个状态，当您提交表单时，该状态将被更新

像const[value，setValue]=函数中的useState，然后在submit函数中调用setValuevalue

---

从那里，您可以访问值状态并在组件中的任何位置渲染它。请注意，您应该只在功能组件内使用挂钩。

我可以看出您正在使用useState挂钩。您如何设置一个状态，当您提交表单时，该状态将被更新

像const[value，setValue]=函数中的useState，然后在submit函数中调用setValuevalue

---

从那里，您可以访问值状态并在组件中的任何位置渲染它。请注意，您应该只在功能组件内使用挂钩。

您好，这里有一个关于如何实现您的想法的工作演示：

类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0 } } 手电筒{ 这是我的国家{ 输入：e.target.value } } 手绢云母{ e、 防止违约 让值=evalthis.state.input console.logvalue } 渲染{ 回来 this.handleSubmite}> this.handlechange}/> 邮寄 {this.state.input}

} } const rootElement=document.getElementByIdroot； ReactDOM.render , 根元素 ;

---

您好，这里是一个关于如何实现您的想法的工作演示：

类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0 } } 手电筒{ 这是我的国家{ 输入：e.target.value } } 手绢云母{ e、 防止违约 让值=evalthis.state.input console.logvalue } 渲染{ 回来 this.handleSubmite}> this.handlechange}/> 邮寄 {this.state.input}

} } const rootElement=document.getElementByIdroot； ReactDOM.render , 根元素 ;

---

检查您是否可以通过一些更改来实现这一点

从“React”导入React，{Component，useState，useffect}； 类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0， 值：// 邮寄 {this.state.value}

}

---

} 检查您是否可以通过一些更改来实现这一点

从“React”导入React，{Component，useState，useffect}； 类应用程序扩展了React.Component{ 构造器{ 超级作物 此.state={ 输入：0， 值：// 邮寄 {this.state.value}

}

---

}您想在输入更改的段落中显示输入值吗？@GMKHussain我现在只想在段落中显示输入值的结果

---

在控制台中显示。是否要在更改输入时在段落中显示输入值？@GMKHussain我要在段落中显示值的结果，现在仅在控制台中显示。