小编ss_*_*hes的帖子

按照本教程在谷歌云平台上获取api和客户端：

https://www.freecodecamp.org/news/create-a-react-frontend-a-node-express-backend-and-connect-them-together-c5798926047c/

我有一个根目录，里面有一个 /api 和 /client

/api package.json 有以下脚本

"scripts": {
    "start": "node ./bin/www"
},

/client package.json 有以下脚本

"scripts": {
    "client-install": "npm install --prefix client",
    "start": "node server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\""
},

当我尝试部署时，它说：

第 0 步：应用程序检测失败：错误：node.js 检查器：“package.json”的“scripts”部分中的“start”和“server.js”文件均未找到。完成步骤#0

我在想它找不到脚本？部署时同时启动 api 和客户端的最佳方法是什么？

我不擅长测试，而且对 Jest 和 Enzyme 还很陌生。我有一个登录组件，由两个用于用户名和密码的 TextInput 组件和一个按钮组件组成。我正在单独测试每个组件。

我只是想测试 onLogin 是否返回了用户名和密码。

这是该组件：

export const onLogin = (user, password) => {
  console.log('User', user, 'Password', password)
  return [user, password];
};

function Login() {
  const [user, setUser] = useState("");
  const [password, setPassword] = useState("");

  return (
    <LoginWrapper>
      <Branding brand={brand.brandName} />
      <FormWrapper onSubmit={(e) => { e.preventDefault(); onLogin(user, password) }}>
        <Stack>
          <TextInput
            className="username"
            type="text"
            label="Username"
            onChange={e => setUser(e.target.value)}
          />
        </Stack>
        <Stack>
          <TextInput
            className="password"
            type="password"
            label="Password"
            onChange={e => {setPassword(e.target.value); console.log('user', user)}}
          />
        </Stack>
        <Stack padding="0" align="right">
          <Button …

我想看看本地是否存在一个文件，如下所示：

if (exec(`-f ~/.config/myApp/bookmarks.json`)) {
  console.log('exists')
} else {
  console.log('does not')
}

但是，无论文件是否存在，我都会在控制台中得到存在

我试图使用反应钩,但我必须遗漏一些东西.我没有为下面的任何设置功能提供功能.

使用此作为参考:https://reactjs.org/docs/hooks-state.html

function Login() {
  const [user, pass, setUser, setPass, test, setTest] = useState();

  return (
    <LoginWrapper>
      <Branding brand={brand.brandName} />
      <FormWrapper>
        <Stack>
          <TextInput
            type="text"
            label="Username"
            onChange={() => setUser(this)}
          />
        </Stack>
        <Stack>
          <TextInput
            type="password"
            label="Password"
            onChange={() => setPass(this)}
          />
        </Stack>
        <Stack padding="0" align="right">
          <Button
            onClick={() => {
              setTest("user and pass");
            }}
          >
            Login
          </Button>
        </Stack>
      </FormWrapper>
    </LoginWrapper>
  );
}