react-jinke-music-player 没有设置自动播放，导致每次更新组件都不会播放怎么办

你可以在 `AudioPlayer` 组件的 `componentDidUpdate` 生命周期中添加自动播放的代码逻辑，例如：

componentDidUpdate(prevProps) {
  if (prevProps.audioLists !== this.props.audioLists) {
    this.setState({
      audioLists: this.props.audioLists
    });
  }
  if (this.state.isPlay === true && this.audio.current.paused) {
    this.audio.current.play();
  }
}

在更新后检查 `isPlay` 状态和 `audio` 元素是否暂停，如果是，则调用 `play()` 方法来自动播放音乐。记得在 `constructor` 中绑定 `audio` 元素的 `ref`。

constructor(props) {
  super(props);
  this.audio = React.createRef();
  // ...
}

render() {
  return (
    <div>
      <audio ref={this.audio} />
      // ...
    </div>
  );
}

这样每次更新组件后都会自动播放音乐了。

相关问题

react-jinke-music-player 自动播放

要实现 `react-jinke-music-player` 自动播放，需要在 `audioLists` 中设置 `autoPlay` 属性为 `true`。例如：

<AudioPlayer
  audioLists={[
    {
      name: 'Audio Name',
      singer: 'Singer Name',
      musicSrc: 'http://xxx.mp3',
      autoPlay: true, // 自动播放
    }
  ]}
  mode="full"
/>

另外，为了避免浏览器的自动播放策略限制，可以在用户与页面有交互时再触发自动播放，可参考以下代码：

import React, { useState } from 'react';
import AudioPlayer from 'react-jinke-music-player';

const App = () => {
  const [play, setPlay] = useState(false);

  const handlePlay = () => {
    setPlay(true);
  };

  return (
    <div onClick={handlePlay}>
      <AudioPlayer
        audioLists={[
          {
            name: 'Audio Name',
            singer: 'Singer Name',
            musicSrc: 'http://xxx.mp3',
            autoPlay: play,
          }
        ]}
        mode="full"
      />
    </div>
  );
};

export default App;

react-jinke-music-player 设置中文

react-jinke-music-player 是一款基于 React 的音乐播放器组件，支持多种音频格式和自定义样式。要将 react-jinke-music-player 设置为中文，可以按照以下步骤进行：

1. 安装 react-jinke-music-player 组件：

npm install react-jinke-music-player --save

2. 导入 react-jinke-music-player 组件：

import React from 'react';
import ReactDOM from 'react-dom';
import 'react-jinke-music-player/assets/index.css';
import Player from 'react-jinke-music-player';

3. 在组件中设置语言选项为中文：

const options = {
  ...
  defaultPlayMode: 'order',
  // 设置语言为中文
  playModeTexts: {
    order: '顺序播放',
    orderLoop: '列表循环',
    singleLoop: '单曲循环',
    shufflePlay: '随机播放'
  },
  ...
};

4. 在组件中使用 react-jinke-music-player：

class App extends React.Component {
  render() {
    return (
      <Player
        {...options}
        audioLists={audioLists}
      />
    );
  }
}

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

这样就可以将 react-jinke-music-player 设置为中文了。