от
В настоящее время я изучаю React, и я не понимаю, когда я должен их использовать, а когда нет? Я видел учебники, где люди просто используют их, казалось бы, взаимозаменяемо. Следовательно, я хотел бы знать, в чем различия между ними и когда я должен или не должен их использовать. Например, предполагая, что именованный компонент «функция» возвращает
Hello
после вызова, я могу иметь следующий код.
import {function} from './component';

class X extends React.Component{

   render(){
      return(
         
            
         
      )
   }
}
Далее, я полагаю, также может иметь следующий код, пожалуйста, исправьте меня, если я не прав
import {function} from './component';

class X extends React.Component{

   render(){
      return(
         
            {function("Hello")}
         
      )
   }
}
Таким образом, кажется, что есть два способа сделать то же самое в ReactJS? Есть ли причины, по которым я должен использовать один поверх другого?              

Ваш ответ

Отображаемое имя (по желанию):
Конфиденциальность: Ваш электронный адрес будет использоваться только для отправки уведомлений.
Анти-спам проверка:
Чтобы избежать проверки в будущем, пожалуйста войдите или зарегистрируйтесь.

2 Ответы

0 голосов
от
Когда вы отрендерите его как
0 голосов
от
Разница в том, что в первом случае это компонент с состоянием, поэтому реквизит должен передаваться как в вашем случае   Props1 = "" затем в функциональном компоненте, который в этом случае является состоящим из состояния, вы получаете доступ к реквизиту через
this.props.Props1
во втором случае это функциональный компонент, поэтому вы можете получить к нему доступ, например:
class X extends React.Component{

   render(){
      return(
...