Как сделать айди Observable?

Приходит обьект AnonymousSubject, а должен быть айдишник

Как сделать айди Observable?

Ошибка Type 'Observable' is not assignable to type 'string'.
В id: "this.store$.dispatch(getCharDetailsData({id: this.id$ }));"

Как сделать динамический класс?

i1yas, Эта проверка только один раз идёт так что делать отдельную функцию под нее нету смысла, спасибо заработало

Как сделать динамический класс?

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

Невозможно прочитать свойства у undefined (GoogleAuthProvider)?

Проверь пропсы через дебагер, где то недоходит до логина

Ошибка TS2345 при использовании moment js как пофиксить?

Там вообще не должен null приходить, как правильно пайп поправить, потому что только недавно начал тс юзать и ангуляр, сложновато пока ещё.@Aetae,

Почему .splice удаляет первый элемент и как пофиксить?

https://drive.google.com/file/d/1_EF9C9fv6sjo8Zy0h...
закинул архив с проектом

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, какая-то прослойка undefined 1

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, ошибки не падают но по прежднему удаляется первый элемент с вашим вариантом

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, отдаёт

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, этот вариант тоже не подошел

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, можете пожалуйста написать Ваш вариант, я пробовал разные аргументы ничего не менялось, пытался привязать к массиву, но находясь в .map все равно выдавало undefined

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, То есть первый аргумент правильный?

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, вышел такой код, привязал к индексу элемента, но похоже не правильно, как правильно это сделать?

let bikesData = props.bikesData
.map( bike => <div  className={styl.card} >{bike.name} - {bike.type}({bike.color})
<button className={styl.but} onClick={ removePost.bind(bike.index) }>X</button>
<br/>
<p>ID: {bike.id}</p>
<br/>
<p>STATUS: <button></button> </p>
</div>

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, плохо проксируются потому что написано не в методе .map без указания ячейки массива, если я дописываю как параметр в X функция начинает вызыватся сама собой и удаляет первый пост при каждом рендере

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, bikesData.index неизвестно потому что не указан элемент массива, bikesData.index нужен как идентификатор того какой элемент удалить, пропсы прокидуются через параметры из стора

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, сыпет ошибку Cannot read property 'props' of undefined
что то типо такого?
let index = props.bikesData.index
.map( ...onClick = removePost( i ))?

Почему .splice удаляет первый элемент и как пофиксить?

Сергей Сергей, изменил но опять удаляет нулевой элемент
стор

const ADD_BIKE = 'ADD_BIKE'
const UPDATE_NAME_TEXT = 'UPDATE_NAME_TEXT'
const UPDATE_TYPE_TEXT = 'UPDATE_TYPE_TEXT'
const UPDATE_COLOR_TEXT = 'UPDATE_COLOR_TEXT'
const UPDATE_WHEEL_TEXT = 'UPDATE_WHEEL_TEXT'
const UPDATE_PRICE_TEXT = 'UPDATE_PRICE_TEXT'
const UPDATE_ID_TEXT = 'UPDATE_ID_TEXT'
const UPDATE_DESCRIPTION_TEXT = 'UPDATE_DESCRIPTION_TEXT'
const CLEAR_TEXT = 'CLEAR_TEXT'
const REMOVE_POST = 'REMOVE_POST'


let store = {
    _state: {
        nameText: '',
        typeText: '',
        colorText: '',
        priceText: '',
        wheelText: '',
        idText: '',
        descriptionText: '',
        bikesData: [
            {index: 0, name: 'name1', type: 'some type', color: 'some color', price: '205', wheel: '18', id: '1231241', description: 'some text'},
            {index: 1, name: 'name2', type: 'some type', color: 'some color', price: '206', wheel: '18', id: '1231242', description: 'some text'},
            {index: 2, name: 'name3', type: 'some type', color: 'some color', price: '207', wheel: '18', id: '1231243', description: 'some text'}

        ]
    },
    _checkSub() {
        console.log('check');
      },
    subscribe(lisentner) {
        this._checkSub = lisentner;
    },
    getState() {
        return this._state;
    },
    _addPost() {
        let newBike = {
          index: this._state.bikesData.length ,
          name: this._state.nameText,
          type: this._state.typeText,
          color: this._state.colorText,
          price: this._state.priceText,
          wheel: this._state.wheelText,
          id: this._state.idText,
          description: this._state.descriptionText,

        }
        this._state.bikesData.push(newBike);
        this._state.nameText = '';
        this._state.typeText = '';
        this._state.colorText = '';
        this._state.priceText = '';
        this._state.wheelText = '';
        this._state.idText = '';
        this._state.descriptionText = '';
        this._checkSub(this._state);
      }, 
    _clearField() {
        this._state.nameText = '';
        this._state.typeText = '';
        this._state.colorText = '';
        this._state.priceText = '';
        this._state.wheelText = '';
        this._state.idText = '';
        this._state.descriptionText = '';
        this._checkSub(this._state);
    },
    _removePost(index) {
      this._state.bikesData.splice(index, 1)
      this._checkSub(this._state);
    },
      _updateBikeName(newText) {
        this._state.nameText = newText;
        this._checkSub(this._state);
      },
      _updateBikeType(newText) {
        this._state.typeText = newText;
        this._checkSub(this._state);
      },
      _updateBikeColor(newText) {
        this._state.colorText = newText;
        this._checkSub(this._state);
      },
      _updateBikeWheel(newText) {
        this._state.priceText = newText;
        this._checkSub(this._state);
      },
      _updateBikePrice(newText) {
        this._state.wheelText = newText;
        this._checkSub(this._state);
      },
      _updateBikeId(newText) {
        this._state.idText = newText;
        this._checkSub(this._state);
      },
      _updateBikeDescription(newText) {
        this._state.descriptionText = newText;
        this._checkSub(this._state);
      },
      dispatch(action) {
        if (action.type === ADD_BIKE) {
          this._addPost();
        } else if (action.type === CLEAR_TEXT) {
            this._clearField();
        } else if (action.type === UPDATE_NAME_TEXT) {
          this._updateBikeName(action.newText);
        } else if (action.type === UPDATE_TYPE_TEXT) {
            this._updateBikeType(action.newText);
        } else if (action.type === UPDATE_COLOR_TEXT) {
            this._updateBikeColor(action.newText);
        } else if (action.type === UPDATE_WHEEL_TEXT) {
            this._updateBikeWheel(action.newText);
        } else if (action.type === UPDATE_PRICE_TEXT) {
            this._updateBikePrice(action.newText);
        } else if (action.type === UPDATE_ID_TEXT) {
            this._updateBikeId(action.newText);
        } else if (action.type === UPDATE_DESCRIPTION_TEXT) {
            this._updateBikeDescription(action.newText);
        } else if (action.type === REMOVE_POST) {
          this._removePost(action.index);
      } 
    }
}


export const addBikeAction = () => {
    return {
      type: ADD_BIKE
    }
  }
  
export const updateNameAction = (text) => {
    return {
      type: UPDATE_NAME_TEXT,
      newText: text
    }
}

export const updateTypeAction = (text) => {
    return {
      type: UPDATE_TYPE_TEXT,
      newText: text
    }
}

export const updateColorAction = (text) => {
    return {
      type: UPDATE_COLOR_TEXT,
      newText: text
    }
}

export const updateWheelAction = (text) => {
    return {
      type: UPDATE_WHEEL_TEXT,
      newText: text
    }
}

export const updatePriceAction = (text) => {
    return {
      type: UPDATE_PRICE_TEXT,
      newText: text
    }
}

export const updateIdAction = (text) => {
    return {
      type: UPDATE_ID_TEXT,
      newText: text
    }
}

export const updateDescriptionAction = (text) => {
    return {
      type: UPDATE_DESCRIPTION_TEXT,
      newText: text
    }
}

export const clearAction = () => {
    return {
      type: CLEAR_TEXT
    }
}

export const removeAction = (itemIndex) => {
  return {
    type: REMOVE_POST,
    index: itemIndex
  }
}


    

window.store = store;
export default store;

компонент

import './../../../App.css'
import styl from './Bike.module.css'
import { removeAction } from './../../../Redux/Store'

const Bike = (props) => {

let removePost = () => {
  props.dispatch(removeAction(props.bikesData.index));
}



let bikesData = props.bikesData
.map( bike => <div  className={styl.card} >{bike.name} - {bike.type}({bike.color})
<button className={styl.but} onClick={ removePost }>X</button>
<br/>
<p>ID: {bike.id}</p>
<br/>
<p>STATUS: <button></button> </p>
</div> 
)

    return (
      <div>
        { bikesData } 


      </div>
    );
  }
  
export default Bike;

Почему .splice удаляет первый элемент и как пофиксить?

Можно привязать через document.query но я не хочу обращатся к дому

Почему .splice удаляет первый элемент и как пофиксить?

this._state.bikesData массив
this._state.bikesData.index undefined потому что не указана позиция в массиве
в том и вопрос как привязать кнопку для указания позиции?