我在使用spotify的项目中遇到了一些麻烦，每次我试图搜索艺术家时，我都会得到这样的消息：非法的redirect_uri。我还得到了一个问题清单，我感到困惑。有人有什么建议吗？下面是我的代码。

src\components\searchbar\searchbar.js 第25行：5：重复名称'handle termchange'no-dupe-class-members

src\util\spotify.js 第1行：7：“client id”被赋值，但从未使用过no-unused-var 第2行：7：“redirect URI”被分配了一个值，但从未使用过no-unused-var 第25行：31：意外的模板字符串表达式 第31行：15：“access token”被赋值，但从未使用过no-unused-var 第32行：22：意外的模板字符串表达式 第34行：27：意外的模板字符串表达式 第57行：15：“access token”被赋值，但从未使用过no-unused-var 第58行：41：意外的模板字符串表达式 第64行：13：“user id”被赋值，但从未使用过no-unused-var 第65行：27：意外的模板字符串表达式 第72行：23：“播放列表ID”被赋值，但从未使用过no-unused-vars

顺晟科技：

首先，你有2个。删除其中一个主题。

第二，你用错了方法。所以不会用。只需使用

import React from 'react';

import './SearchBar.css';

class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state ={
            term: ''
        }

        this.search = this.search.bind(this);
        this.handleTermChange = this.handleTermChange.bind(this);
    }

    search() {
        this.props.onSearch(this.state.term);
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    render() {
        return (
            <div className="SearchBar">
  <input onChange={this.handleTermChange} placeholder="Enter A Song, Album, or Artist" />
  <button className="SearchButton" onClick={this.search} >SEARCH</button>
</div>
        )
    }
}

export default SearchBar;

您的模板文本声明错误，它们都需要以反勾(`)开始和结束

应该是:

import React from 'react';

import './SearchBar.css';

class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state ={
            term: ''
        }

        this.search = this.search.bind(this);
        this.handleTermChange = this.handleTermChange.bind(this);
    }

    search() {
        this.props.onSearch(this.state.term);
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    render() {
        return (
            <div className="SearchBar">
  <input onChange={this.handleTermChange} placeholder="Enter A Song, Album, or Artist" />
  <button className="SearchButton" onClick={this.search} >SEARCH</button>
</div>
        )
    }
}

export default SearchBar;

带(`)不带(')

以此类推，应该以倒勾(`)开始和结束；

import React from 'react';

import './SearchBar.css';

class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state ={
            term: ''
        }

        this.search = this.search.bind(this);
        this.handleTermChange = this.handleTermChange.bind(this);
    }

    search() {
        this.props.onSearch(this.state.term);
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    render() {
        return (
            <div className="SearchBar">
  <input onChange={this.handleTermChange} placeholder="Enter A Song, Album, or Artist" />
  <button className="SearchButton" onClick={this.search} >SEARCH</button>
</div>
        )
    }
}

export default SearchBar;

import React from 'react';

import './SearchBar.css';

class SearchBar extends React.Component {
    constructor(props) {
        super(props);

        this.state ={
            term: ''
        }

        this.search = this.search.bind(this);
        this.handleTermChange = this.handleTermChange.bind(this);
    }

    search() {
        this.props.onSearch(this.state.term);
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    handleTermChange(event) {
        this.setState({term: event.target.value});
    }

    render() {
        return (
            <div className="SearchBar">
  <input onChange={this.handleTermChange} placeholder="Enter A Song, Album, or Artist" />
  <button className="SearchButton" onClick={this.search} >SEARCH</button>
</div>
        )
    }
}

export default SearchBar;

以此类推……

还请删除其中一个函数。