Javascript WebStorm:can'；t捕获<；输入/>；使用jQuery

我用React.js和slider创建了一个网站，它使用jQuery进行自动滚动。我已经在沙盒（Codepen.io）中完成了，它工作得很好。在我开始用“CreateReact应用程序”和WebStorm做这件事之后。我所做的： 我在命令行中写道：

"npm install create-react-app"
"npm install jquery"
"create-react-app my-app"

在那之后，我用WebStorm 2018.2（x86）打开了“我的应用程序”，并将沙箱中的所有代码传输到其中，添加了一些“导入”命令。因此，滑块现在无法工作（它的工作方式就像缺少JavaScript代码一样）。 我删除了额外的代码。剩下的就是： JS代码

import React from 'react';
import $ from 'jquery'

/*jshint esversion: 6 */
class App extends React.Component {
    render() {
        return <div><div className = "slider"><input type = "radio" name = "slides" id = "slide1" /><input type = "radio" name = "slides" id = "slide2" /><input type = "radio" name = "slides" id = "slide3" /><input type = "radio" name = "slides" id = "slide4" /><input type = "radio" name = "slides" id = "slide5" />
            <input type = "radio" name = "slides" id = "slide6" /><div className = "captions"><div className = "c2" > Prediction 2 </div><div className = "c3"> Prediction 3 </div> <div className = "c4" > Prediction 4 </div> <div className = "c5" > Prediction 5 </div> 
            <div className = "c6" > Prediction 6 < /div></div></div> <div className = "controls" ><label htmlFor = "slide1" /><label htmlFor = "slide2" /><label htmlFor = "slide3" /><label htmlFor = "slide4" /><label htmlFor = "slide5" /><label htmlFor = "slide6" /></div></div>;
    }
}

ReactDOM.render( <App/> , document.getElementById('root'));

//script for slider's autoscrolling

let inputs = $('input[type=radio]');
console.log(inputs);
let next;
let intervals = setInterval(() => {
    next = inputs.filter(":checked").next('input');
    if (!next.length) next = inputs.first();
    next.prop('checked', true);
}, 2000);

inputs.change(() => {
    clearInterval(intervals);
    intervals = setInterval(function() {
        next = inputs.filter(":checked").next('input');
        if (next.length) next.prop('checked', true);
        else inputs.first().prop('checked', true);
    }, 2000);
});

从“React”导入React；
从“jquery”导入$
/*jshint版本：6*/
类应用程序扩展了React.Component{
render（）{
返回
预测2预测3预测4预测5
预测6