Javascript '$'；未定义-响应登录表单

我在React web app中收到一个错误“$”未定义”。我使用CreateReact应用程序初始化应用程序。我读到我需要将jquery$导入到我的应用程序中，但我不需要将其用于我制作的另一个react应用程序

问题来自我在_login（）函数中的行：

const email = $("#email").val()
const password = $("#password").val()

我使用模板文本从输入标记获取电子邮件和密码的值。通过使用React 16.0，我不必从jQuery导入$，尤其是在我的其他项目不必导入$的情况下

import React, {Component} from 'react';
import styled from 'styled-components';
import axios from 'axios';

const Container = styled.div`
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
`;

class LoginScreen extends Component {
 constructor(props){
 super(props);
 this.state ={
   clients: [],
   projects: [],
  }
 }

 _login = () => {
  const email = $("#email").val()
  const password = $("#password").val()
  const request = {"auth": {"email": email, "password": password}}
  console.log(request)
  axios.post('http://localhost:3000/api/user_token',
  'auth': request
  ).then(response => {
  console.log(response)
  }).catch(error => console.log(error))
 }

 render(){
 return(
  <Container>
    Login
    <form>
      <label>Email: </label>
      <input
        id="email"
        name="email"
        type="email"
      />
      <label>Password: </label>
      <input
        id="password"
        name="password"
        type="password"
      />
    </form>
    <button
      onClick={this._login}
      >
      Log In
    </button>
  </Container>
  )
 }
}

export default LoginScreen;

---

您似乎没有在代码中的任何地方引用jQuery。在以前的项目中，您可能使用了依赖于它的包。请参阅另一个问题以供参考：

代码中似乎没有引用jQuery。在以前的项目中，您可能使用了依赖于它的包。请参阅另一个问题以供参考：

是否

react

“自动”包括jquery？

$（元素）。val（）

是jquery，而且AFAIK，react不会自动包括它。您需要包含插件。除非将其作为依赖项添加。您以前的项目可能已将jQuery/$加载到全局范围，因此您不必担心在脚本中使用

import

或

require

。在这种情况下，您也必须这样做，建议使用import或require，否则JSReact肯定不包括jQuery。如果您想使用jQ的轻量级子集，那么zepto可能就是您想要的。签出是否

react

“自动”包含jquery？

$（元素）。val（）

是jquery，AFAIK，react不会自动包含它。您需要包含插件。除非将其作为依赖项添加。您以前的项目可能已将jQuery/$加载到全局范围，因此您不必担心在脚本中使用

import

或

require

。在这种情况下，您也必须这样做，建议使用import或require，否则JSReact肯定不包括jQuery。如果您想使用jQ的轻量级子集，那么zepto可能就是您想要的。检查这是一个“投票结束”的参考，你将有20个代表点投下（见250）。。。所以关于所提供链接的相关性：我向上投票。oO（也可能是一个评论。）这是一个“投票结束”的参考，你将有20个代表点的投票权（见250）。。。所以关于所提供链接的相关性：我向上投票。oO（这也可能是一个评论。）

"dependencies": {
"@material-ui/core": "^1.1.0",
"axios": "^0.18.0",
"immutability-helper": "^2.7.0",
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-redux": "^5.0.7",
"react-router-dom": "^4.2.2",
"react-scripts": "1.1.4",
"styled-components": "^3.3.0"
},