Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在react中导出时,如何使用组件状态中的值_Javascript_Reactjs_Components - Fatal编程技术网

Javascript 在react中导出时,如何使用组件状态中的值

Javascript 在react中导出时,如何使用组件状态中的值,javascript,reactjs,components,Javascript,Reactjs,Components,我的类组件如下所示: import React,{Component}来自“React”; 让导出_TITLE=“”; 类EditCook扩展组件{ 状态={ 标题:“页面标题” }; render(){ EXPORT_TITLE=this.state.TITLE;//我确信有更好的方法来组织代码,因此您不必像使用redux那样对此进行操作,但要直接回答您的问题,您可以导出和对象,并在对象内部设置值 export const EXPORT_TITLE = {current: ''} class

我的类组件如下所示:

import React,{Component}来自“React”;
让导出_TITLE=“”;
类EditCook扩展组件{
状态={
标题:“页面标题”
};
render(){

EXPORT_TITLE=this.state.TITLE;//我确信有更好的方法来组织代码,因此您不必像使用redux那样对此进行操作,但要直接回答您的问题,您可以导出和对象,并在对象内部设置值

export const EXPORT_TITLE = {current: ''}

class EditCook extends Component {
  state = {
    title: "page title"
  };

  render() {

    EXPORT_TITLE.current = this.state.title; // <---------- Here I am setting the value of the global variable

    return <div>SOME JSX</div>;
  }
}
export const export_TITLE={current:'}
类EditCook扩展组件{
状态={
标题:“页面标题”
};
render(){

EXPORT_TITLE.current=this.state.TITLE;//我想在同一个文件中使用EXPORT_TITLE,就在组件的外部。在这种情况下,您的实现也是如此。但是您是在分配值之前进行日志记录的。一旦设置了值,我如何获取该值?因为您将其用于HOC,所以您的组件将在HOC运行后被调用,因此只有在完成了HOC调用之后,才会分配值。如果您理解这一点,并且以后需要在HOC中访问该值,则可以
从'path/to/your/file'导入{EXPORT\u TITLE}
并在可用时访问其当前值(例如在ajax调用之后)这是否回答了您的问题?请不要这样做。您应该导出函数、类和常量,但不能导出可变值。如果无法提升状态,请使用ref作为最后一个资源。在应用程序中避免使用单例。好的,但是如何访问组件外的ref?我想在导出时在同一文件中使用状态值ing。有更好的方法吗?告诉我这是否对你有帮助。请注意,如果你只是想转发一些道具,HOC不是很有帮助。谢谢,我现在明白了。