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

Question

I've tried to pass a prop through a component. It works but I can't put the value in the URL of axios.get. I have the same code in the other Component, and it works there. Hope somebody can help me.

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
        });
    });

Also, this won't work:

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

this.props should be undefined in the constructor, use props.videoId , not sure if this may cause an error.