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

【问题标题】：How to pass user input from one js file to another如何将用户输入从一个js文件传递到另一个
【发布时间】：2017-11-14 22:23:58
【问题描述】：

在安装我的应用程序（使用 React 创建的 UI）期间，用户可以选择在文本字段中指定一些规范（分配给 vm 的内存量等）。它是安装的可选部分，可以跳过（将使用默认值），如下所示：

<div>
Memory size (MB): <TextField type="text" placeholder="4096" name="memory"/>
</div>

此信息需要用作不同文件中函数的参数：

export function createMachine(callback, size = 22000, mem = 6000) { }

所以我的问题是如何获取用户输入如果用户提供它并将其用作我的 createMachine 函数中的参数（大小和内存参数）并保留默认参数如果他们选择不这样做（如果用户不想指定，他们将不会被带到带有文本字段的页面）？

【问题讨论】：

简单的onChange={memory=>this.setState({memory})} 将完成工作。

标签： javascript node.js reactjs electron

【解决方案1】：

这看起来像是状态的案例，无论是组件级别还是应用级别的 redux。

使用组件级状态，您可以将其与函数或方法一起使用，如下所示：

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>
    )
  }
}

【讨论】：