如何将用户input从一个js文件传递到另一个

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

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

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

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

所以我的问题是如何采取用户input如果用户提供它并将其用作我的createMachine函数（大小和mem参数）的参数，并保留默认参数，如果他们select不（如果用户不想要指定，他们不会被带到带有文本字段的页面）？

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