Javascript 如何将用户输入从一个js文件传递到另一个js文件

Javascript 如何将用户输入从一个js文件传递到另一个js文件,javascript,node.js,reactjs,electron,Javascript,Node.js,Reactjs,Electron,在安装my app(使用React创建的UI)期间,用户可以选择在文本字段中指定一些规范(分配给vm的内存量等)。它是安装的可选部分,可以跳过(将使用默认值),如下所示: 因此,我的问题是,如果用户提供了用户输入,我如何接受用户输入,并将其用作我的createMachine函数中的参数(大小和mem参数),如果选择不保留默认参数(如果用户不想指定,它们将不会被带到带有文本字段的页面)?无论是组件级还是应用程序级的redux,这看起来都像是州的情况 对于组件级状态,您可以将其与以下函数或方法一起使

在安装my app(使用React创建的UI)期间,用户可以选择在文本字段中指定一些规范(分配给vm的内存量等)。它是安装的可选部分,可以跳过(将使用默认值),如下所示:


因此,我的问题是,如果用户提供了用户输入,我如何接受用户输入,并将其用作我的
createMachine
函数中的参数(大小和mem参数),如果选择不保留默认参数(如果用户不想指定,它们将不会被带到带有文本字段的页面)?

无论是组件级还是应用程序级的redux,这看起来都像是州的情况

对于组件级状态,您可以将其与以下函数或方法一起使用:

<div>
Memory size (MB): <TextField type="text" placeholder="4096" name="memory"/>
</div>
class MyComponent extends React.Component {
  state = { myInput: '' };

  myMethod = () => {
  createMachine(this.state.myInput);
  };

  render() {
    return (
      <div>
        Memory size (MB): 
        <TextField
          type="text"
          placeholder="4096"
          value={this.state.myInput} // This makes it a controlled input
          name="memory"
          onChangeText={(text) => this.setState(state => ({ ...state, myInput: text }))}
        />
      </div>
    )
  }
}
类MyComponent扩展了React.Component{ 状态={myInput:''}; myMethod=()=>{ createMachine(this.state.myInput); }; render(){ 返回( 内存大小(MB): this.setState(state=>({…state,myInput:text}))} /> ) } }
Simple
onChange={memory=>this.setState({memory})}
将完成作业。
class MyComponent extends React.Component {
  state = { myInput: '' };

  myMethod = () => {
  createMachine(this.state.myInput);
  };

  render() {
    return (
      <div>
        Memory size (MB): 
        <TextField
          type="text"
          placeholder="4096"
          value={this.state.myInput} // This makes it a controlled input
          name="memory"
          onChangeText={(text) => this.setState(state => ({ ...state, myInput: text }))}
        />
      </div>
    )
  }
}