Доступ к параметру тела axios вне URL

Question

У меня есть такой запрос axios:

 axios.all([

    axios.post(baseURL+'sentiments', {
      sentiment_type: 'positive',
      filter_tab: type
    }),

    axios.post(baseURL+'sentiments', {
      sentiment_type: 'negative',
      filter_tab: type
    })
])
    .then(axios.spread(result1, result2) => { 
          console.log(result1),
          console.log(result2)
    })
    .catch(err => {
          console.log(err)
    })

Затем в моем методе рендеринга я пытаюсь добиться доступа к значению 'sentiment_type' 'Positive' в некоторую переменную или что-то еще, чтобы использовать его в дальнейшемдля условного рендеринга.

if(sentiment_type === positive){ 
   then do this
 }
else{ 
      do something else
    }

Есть ли способ сделать это?Пожалуйста, руководство.

Answer 1

Я предполагаю, что эта часть кода является частью компонента.Вы можете хранить эти переменные в локальном хранилище.Вот ссылка для получения дополнительной информации: Состояние и жизненный цикл

и пример, я надеюсь, это поможет вам.

    class parentComponent extends React.Component {
  state = {
    sentiment_types: [];
  }

  componentDidMount() {
    axios.post(baseURL+'sentiments', {
              sentiment_type: 'positive',
              filter_tab: type
    })
    .then((firstResponse) => { 
            axios.post(baseURL+'sentiments', {
                sentiment_type: 'negative',
                  filter_tab: type
            })
            .then((secondResponse) => {
                // Here you can store you results into the state
                this.setState({
                    sentiment_types: ['positive', 'negative'];
                })
            })
            .catch(err => {
                console.log(err);
            })          
          console.log(result)
    })
    .catch(err => {
          console.log(err)
    })
  }

  render() {
   <childComponent sentiment_types={this.state.sentiment_types} />
  }
}

const childComponent = (props) => {
    if(props.state.sentiment_types.includes('positive')){
        return <h1>oke</h1>
    }
}