Question

我已将我从api端点接收的字符串化数据传递给子消费者，我想通过material-ui表对其进行迭代，但我无法在孩子中获取它们，但在父组件中获取它们。同样奇怪的是，我可以按原样在我的html页面中显示字符串化数据！

App.js：

def edges2cordinate(edges):
    return set(zip(*reversed(edges)))

children.js：

import axios from './axios-coins';
import CPContext from './context/context.js'


class App extends Component {

    state = {
      data: [],
      isLoading: true
    };

componentDidMount() {
      this.fetchData();
}

fetchData() {
  axios
    .get("")
    .then(response => {
      let res = response.data.data;


this.setState({data: res});
    })
    .catch(error => this.setState({ error, isLoading: false }));
}

render () {
    return (
      <CPContext.Provider 
        value={{
          data: this.state.data
        }}>
      </CPContext.Provider>
    );
  }
}

PS：在我的app.js中，我可以使用在children.js中使用的object.entries方法记录这些数据。任何帮助将不胜感激！

Answer 1

对文本使用包装器。例如，您必须使用以下代码：

<p>{v[1].id}</p>

或：

<p>{v[1].name}</p>

无法从提供商到消费者获取数据

1 个答案: