Как сделать чтобы открытый текст скрывался при развертке второго текста?

дописал handleClick

handleClick = () => {
    if(this.props.active == false){
      this.props.setActive(this.props.data.id)
    }else{
      this.props.setActive(false)
    }
  }

Как сделать чтобы открытый текст скрывался при развертке второго текста?

ага, получилось, теперь при открытии второй первая закрывается, здорово, спасибо, но сейчас не получается самому свернуть текст, что еще не так?)

export default class MainBlock extends React.Component {


  handleClick = () => {
    this.props.setActive(this.props.data.id)
  }

  render() {        
    return (
      <div>
        <div >
          {this.props.data.question}
          <button  onClick={this.handleClick} >свернуть</button>
          <div  style={{display: (this.props.active ? 'block' : 'none')}} className="wrap-full-txt">                   
            {this.props.data.answer}                  
          </div>
        </div>
      </div>
    )
  }
}

Как сделать чтобы открытый текст скрывался при развертке второго текста?

что то я сделал не так

//class FAQ

export default class FAQ extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
        stateAnswer: true ,
        activeId: ""
    }
  }

  setActive = id => { this.setState({ activeId: id, stateAnswer: !this.state.stateAnswer }) }
  

  render(){



    return (
      <div>
        {faqList.map( data =>              
          <MainBlock data={data} active={data.id === this.state.activeId} setActive={this.setActive} stateAnswer={this.state.stateAnswer}/>
        )}
    </div>
    )
  }
}

// class mainBlock

export default class MainBlock extends React.Component {


  handleClick = () => {
    this.props.setActive(this.props.data.id)
  }

  render() {        
    return (
      <div>
        <div  className="wrap-full-txt">
          {this.props.data.question}
          <button  onClick={this.handleClick} className="more-full">свернуть</button>
          <div  style={{display: (this.props.stateAnswer ? 'none' : 'block')}} className="wrap-full-txt">                   
            {this.props.data.answer}                  
          </div>
        </div>
      </div>
    )
  }
}

все вместе открываются тексты

Как как отправить данные авторизации в приложение на другом порту на NestJs через websockets?

Значит я не так понял, буду разбираться дальше, спасибо

Как как отправить данные авторизации в приложение на другом порту на NestJs через websockets?

клиентское на 3001 порту, а тут разве указывается не порт куда отправляет вебсокет данные?)

Как к приложению на ноде подключить другое приложение на typescript, которе отвечает за бд?

Celbine, база уже подключена в приложении на Ts, там всё настроено, как сохранять, по каким правилам и куда, мне только надо передать туда данные из инпутов в нод приложении и вот как мне связь установить между ними, как в коде от реакт приложения

export default class BaseHttpService {
  BASE_URL = 'http://localhost:3000';

а ниже в коде как я понимаю пост и гет запросы обрабатываются

Как создать пагинатор?

Спасибо, буду учиться дальше. Кот помог мышу, как иронично)

Как создать пагинатор?

<?php
		echo '<div>';
			if($page > 1)
				{
					echo '<a href="/citys.php?id='. (int) $_GET['id'] .'&page='.($page - 1).'">предыдущая страница </a>';
				}
			if($page < $total_pages)
				{
					echo '<a href="/citys.php?id='. (int) $_GET['id'] .'&page='.($page + 1).'; "> следующая страница</a>';
				}
		echo '</div>';
		?>

вот так нужно было записать, спасибо за всё)

Как создать пагинатор?

как Вы написали выше, почему то выдает не то, что от него хочу, странно, ведь я же передаю id страны через get так ведь?

Как создать пагинатор?

ну да, если сначала id прописать, то всё хорошо, только как теперь записать его туда не руками цифру, а чтобы он брал это из GET массива, который передает первая страница?

Как создать пагинатор?

когда я нажимаю на страну, на первой странице, то происходит переход country.ru/citys.php?id=1 , где по id принятому показывается весь список городов

Как создать пагинатор?

не выходить, вот такую дребень в адресной строке показывает country.ru/citys.php?page=2&id=<?%20echo%20$country[

Как создать пагинатор?

Вы хотите, чтобы я в последний вариант добавил

$total_country_id_q = mysqli_query($con, "SELECT COUNT(`id`) AS `total_count` FROM `citys` WHERE `country_id` = " . (int) $_GET['id']);

тогда что еще нужно дописать в постраничном выборе? Чтобы он выводил примерно так country.ru/city.php?page=6&categorie1

Как создать пагинатор?

куда можно выложить свой код, чтобы вы посмотрели?

Как создать пагинатор?

а как это условие добавить потом в постраничный вывод?

Как связать 2 таблицы в базе данных MySQL и вывести на сайте в drop down списке?

где надо код сохранять чтобы красиво здесь показать?)

Как связать 2 таблицы в базе данных MySQL и вывести на сайте в drop down списке?

всё получилось.

< ? p h p
$countrys=mysqli_query($con,"SELECT * FROM `countrys`");
? >
< u l>
< ? p h p
while(($country=mysqli_fetch_assoc($countrys)))
{
$citys=mysqli_query($con, "SELECT * FROM `citys`WHERE `country_id` = " . $country["id"]);
while(($city=mysqli_fetch_assoc($citys))){

echo "< li >" . $country["country"] . $city["city"] . "< / l i >";
}}
? >
< / u l>

мне надо было, чтобы при клике по стране был переходи на другую страницу со списком городов этой страны, так что я сделал на одной странице drop down menu со странами с переходом на страницу в которую будет присылаться ID страны которую нажал
< a class='dropdown-item-text' href='/citys. p h p ? id=<? echo $country["id"]; ? >' > < ? php echo $country["country"] ?>< / a >

а уже на странице создал список городов, которые как описано выше совпадают по id_country с id страны

< u l >
<?php
$citys=mysqli_query($con, "SELECT * FROM `citys` WHERE `country_id` = " . (int) $_GET['id']);
while(($city=mysqli_fetch_assoc($citys))){
echo "< l i >" . $city["city"] . " < / l i >";
}
?>
u l >