Is it possible to combine regular functions with an ES6 class in React?

Question

React

First question:
In React, functions are written like this:

showName: function () {

}

Is it possible to write a function like in JS? like this:

function showName () {

}

Will there be an error? Or is it considered good manners to write down the name of the function first, then the colon, and then the function keyword , so that, for example, other programmers can see that this is React code? Or how?
And the second question:
It is possible to combine the usual React functions:

showName: function () {

}

with ES6 class:

class Name extends Component {
}

instead of:

var Name=React.createClass {
}

Like this:

class Name extends Component {
showName: function () {
//....
}
}

Or so wrong?
I don't like simple arrow functions...

Answer 1

learn.javascript.ru Learn everything
if possible. It's too early for you to take on React yet. All your questions are based on ignorance of JavaScript.

Answer 2

If it's a component then write like this

function SomethingComponent () {

}

In a class, declare a function like this

showName () {

}

Arrow functions are ES6 if anything...

Answer 3

1) In the if statement, you are trying to ASSIGN A VALUE, NOT COMPARE
2) You need to call the properties of the element through GetComputedStyle or through style

Answer 4

Try it

function AdaptiveMenu() {
  var Adaptive = document.getElementById('adaptiveNavbar');
  var AdaptiveStyle = getComputedStyle(Adaptive);
  if (AdaptiveStyle.display === 'none') {
    Adaptive.style.display = 'block';
  }
}