Как можно вывести значение переменной кроме console.log?

Question

[Stergy]

Я новичок в программировании, и возможно задаю глупый вопрос, но все же.
Разбираюсь со страницей написанной на React, пытаюсь вывести значение переменной через console.log
Примерная структура страницы

export default class extends Component {
функции(){}
функции(){}

render() {

}
}

везде, где бы я не прописывал console.log (кроме render) - он не срабатывает

При наведении на ошибку - пишется: 'expeсting new line or semicolon'
Как по другому можно вывести значение переменной?

Comments

[Mikhail Osher]

Пример на codesandbox/fiddle в студию

Answer 1

[cheeck8131]

Конструкция Class не допускает вставки простого кода в тело, только функции, может ты вставляешь console.log() вместо метода класса?

class ClassName extends PureComponent{
  constructor(props) {
   super(props)

   this.testMethod = this.testMethod.bind(this);

   console.log('constructor')
  }

  componentDidMount() {
      console.log(123 + 'componentDidMount')

      this.testMethod();
  }

  testMethod() {
      console.log('testMethod')
  }

   render(
     console.log('render до return')
     return <div id='component'>
     {console.log('render')}
     </div>
   )

  // console.log(123); //  вызовет ошибку
}

Answer 2

[lnked]

напишите без точки с запятой (;)
console.log('txt')

Comments

[Stergy]

не помогло(
ошибку все равно выдает

[lnked]

пишите консоль в теле метода, а не за его пределами

[lnked]

export default class extends Component {
функции(){
  console.log('it's work')
}
функции(){
  console.log('it's work')
}

render() {
  console.log('it's work')
}
}

[Stergy]

lnked, в теле функции тоже пробовал писать, можете подсказать что я неправильно делаю, мне нужно вывести filteredCampaigns

[lnked]

вы пытаетесь вывести то что у вас в состоянии как обычную переменную,
вам надо написать так

componentWillMount() {
        campaings.load()
            .then((compaings) => {
                this.setState({ loading: false, filteredCampaigns: campaings }, () => {
                    console.log(this.state.filteredCampaigns)
                })
            })
    }

[Stergy]

lnked, большое спасибо
а если просто написать
console.log(this.state.filteredCampaigns)
не будет корректно работать?

[Роман Александрович]

Stergy, если написать

this.setState({ loading: false, filteredCampaigns: campaings })
console.log(this.state.filteredCampaigns

то из-за ассинхронности значение не успеет измениться и вы увидите старое значение. Когда вы пишете

this.setState({ loading: false, filteredCampaigns: campaings }, () => {
                    console.log(this.state.filteredCampaigns)
                })

то значение сначало изменится а потом выведится в консоль

[lnked]

Stergy, дополню вместо componentWillMount используйте componentDidMount, первый deprecated

Answer 3

[Александр Соболев]

Как вариант можно через localStorage.setItem, .getItem