georgedubinsky8888

componentDidMount(){
    setTimeout((function(){return( this.setState({text:true}))}).bind(this), 2000);
}

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Штудируйте

Судя по приведеному коду:
1. В this.state.active хранится индекс текущего активного айтема.
2. Через this.props.items в компонент прокидвыается массив айтемов, с которыми нужно работать.
3. Могут сойтись звезды так, что this.state.active будет иметь значение, выходящее за пределы массива this.props.items (самое первое предположение о природе данной проверки). В этом случае конструкция this.props.items[this.state.active] вернет значение undefined,
4. Далее в работу включается оператор &&, в случае когда (false && чтото_там_еще), выигрывает то, что справа. Оператор && сперва стратается привести значение слева к булевому, по одному определенному алгоритму приведения, в частности undefined приводится к значению false. Таким образом, конструкция будет исполнена только если this.props.items[this.state.active] не вернет undefined/null/0/''/false.
5. Конструкция {...this.props.items[this.state.active]} говорит о том, что все свойства возвращенного объекта нужно вставить как пропсы в создаваемый Content

1. Проверяется наличие this.state.active в this.props.items, если true, выполняется вторая часть. (если false - вторая часть не выполняется)
2. После того как мы проверили что данные есть this.props.items[this.state.active], они деструктиризируются в те пропсы которые там описаны (это могут быть не atr)

1. Это номер элемента массива items. В active пишется номер вкладки, как я понимаю.
2. В контент передаются пропсы активной вкладки. См. пункт 1. Очевидно, что все пропсы туда передавать не нужно.

у вас в массиве дата который вы вставляете в state хранится объект

{
  actor: [ ... ],
  actress: [ ... ],
}

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

Вот так можно вывести всех подряд, актеров и актрис

{[...data.actor, ...data.actress].map(item => (
    <tr key={item.name}>
        <td>{item.name}</td>
        <td>{item.age}</td>
        <td>{item.film}</td>
    </tr>
))}

или еще проще что бы компонент таблицы был более универсальным передавать в него уже собранные данные

render(){
  const { actor, actress } = this.state.data

  return(
    <div>
      <Content data={[...actor, ...actress]} />
    </div>
  );
}

У вас в json - не массив, поэтому все и падает.
как исправить - либо переделать на массив, либо менять логику чтобы умела работать с тем что вы в json положили

А вот в этом месте консоль лог вставить не судьба ?
this.setState({data:data});
2) Ошибка говорит о том, что у тебя data которая находится в стейте не массив и не имеет метода map, прям красным по красному написанно, откуда ты взял что проблема с filter? Хотя этого метода у объекта тоже нет и с ним тоже будут проблемы.

Redux тут не при чём вообще

onClick={this.methodChange} -- Здесь мы не можем прокинуть кастомные аргументы в вызов метода

onClick={() => onmethodChange(arg)} -- здесь можем прокинуть любые аргументы

Почему мы здесь пишем аргументом обьект?

Исключительно потому что так удобнее) И юзаем деструктуризацию в самом методе onFilter, конечно. Работать это будет аналогично обычному пробрасыванию переменных, просто аргументы получаются ещё и именованными

redux -- это вообще не про компоненты, методы и их вызовы. Redux -- это actions, reducer и connect(mapStateToProps, mapDispatchToProps) в компоненте. А как вы эти экшены пишете и вызываете - это уже от вас исключительно зависит

Прежде всего, у вас смещённый локус контроля. "Мозгу не интересно", "мозг требует", "мозг сопротивляется" - вы выделили кусок себя в отдельную сущность, виноватую в проблемах. Это не так. Начать надо с возвращения ответственности на законное место - "Я слабый, безвольный обладатель клипового мышления, который ничего не добьётся в жизни". А после этого нужно заняться развитием воли и концентрации. Совсем хорошо, если сможете перейти от просмотра видео к чтению текста.

Потому что твой мозг требует приятных эмоций. Обзор телефончика тебе сразу дает визуальную вкусную пищу для мозга, а код - нет. Что-бы и код давал такую вкусную пищу для выделения эндорфинов посмотри примеры крутых штук которые делают с помощью redux. Никому не интересны гаечные ключи, всем интересны красивые автомобили собранные с помощью этих ключей. Когда ты поймешь что с помощью ключа 13-на-17 собирают Ламборгини ты полюбишь и сам ключ, и они будут тебе казаться крутыми, хром-ванадий тебе будет сниться.

https://jsfiddle.net/54yuaeLv/

Правильно, только чуть чуть вот так:

button = {
  onclick: function () {
    newWindow.style.display = "block";
  }
};

Хотя если говорить о DOM, то там button будет не просто объектом, а Элементом, который нам вернул вызов
var button = document.getElementById ( "myBtn");

Но я для интереса написал функцию и вывел ее:
...
но никакого обьекта я не увидел там

Проблема исключительно того, как браузер показывает вывод console.log. Стандарта нет и разные браузеры показывают то, что их разработчики посчитали полезным/удобным. Попробуйте лучше console.dir(function() {}).

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

function a () {};
a.b = 42;
console.log(a.b);

Функции передаются по ссылке.

У функций есть методы, например bind, apply и call.

Функция это специальный объект, у которого определен внутренний метод [[Call]].

Давайте посмотрим:

(() => {}) instanceof Object // true

Ну да, объект. Кто бы мог подумать.

Очень просто, используйте интервалы

https://jsfiddle.net/5bxwgs7r/1/

state = {
  block1: false,
  block2: false,
}

componentDidMount() {
  setTimeout(() => this.setState({ block1: true }), 3000);
  setTimeout(() => this.setState({ block2: true }), 6000);
}

render() {
  const { block1, block2 } = this.state;
  return (
    ...
      {block1 && <div class="block-1">Блок 1</div>}
      {block2 && <div class="block-2">Блок 2</div>}
    ...
  );
}

UPD. https://jsfiddle.net/jaLgf9w7/