如何在 axios.get 函数中传递参数？

Question

我试图通过一个组件传递一个道具。它可以工作，但我不能将值放在 axios.get 的 URL 中。 我在另一个组件中有相同的代码，它在那里工作。 希望有人能帮助我。

interface VideoProps {
    videoId: number
}

interface CommentState {
    comments: any,
    videoId: number
}

export default class ShowComments extends React.Component<VideoProps, CommentState>
{
constructor(props: CommentState) {
    super(props);

    this.state = {
        comments: [],
        videoId: this.props.videoId,
    };
}

componentWillMount(): void {
    const videoId = this.props.videoId;
    axios.get('/api/get/comments/'+ videoId)
        .then((response: any) => {
            console.log(response);
            this.setState({
                comments: response.data
            });
        });
}

Answer 1

    axios.get(`/api/get/comments/${videoId}`, {
      params: {
        param1: 'param1',
      }
    })
    .then((response: any) => {
        console.log(response);
        this.setState({
            comments: response.data
        });
    });

另外，这也行不通：

this.state = {
    comments: [],
    videoId: this.props.videoId,
};

this.props在构造函数中应该是未定义的，使用props.videoId，不知道这是否会导致错误。