использовать массив, который определен в другом файле с помощью реакции?

Question

У меня есть компонент реагирования, который я использую в некоторых маршрутах. компоненту нужны некоторые данные, отличающиеся маршрутами. Компонент выглядит так:

import React from "react";

class ChangeView extends React.Component{
    render(){
        return(
            <div>
                <button type="button" className="btn open-modal" title="change view">
                    <i className="fas fa-eye"></i>
                </button>
                <div id="ms">
                    <ul>{data}</ul>
                </div>
            </div>
        )
    }
}
export default ChangeView;

и пример маршрута:

import React , {Component} from 'react';
import ChangeView from 'ChangeView';
class Firewall extends Component {
  render() {
    const data = [
       {name:"smith",age:20},
       {name:"nik",age:10},
       {name:"mosh",age:45}
    ];
    return(
      <ChangeView />
    )
  }
}

Answer 1

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

Answer 2

из компонента попробуйте передать данные следующим образом:

import React , {Component} from 'react';
import ChangeView from 'ChangeView';
class Firewall extends Component {
  render() {
    const data = [
       {name:"smith",age:20},
       {name:"nik",age:10},
       {name:"mosh",age:45}
    ];
    return(
      <ChangeView data={data} />
    )
  }
}

и в дочернем компоненте ChangeView получите доступ к ним, используя

props.data //functional components

или

 this.props.data //class components