Javascript 通过路线传递道具 //App.js 从“React”导入React 函数wate（）{ 设SingleSpoint={} const[scents，setscents]=useState（[]） const[singlepi，setSingleEpic]=useState（singleepion） const search插曲=（e）=>{ e、 防止违约（e） const{id，name，air_date，eposion}=集[索引] setSingleEpic({ id:id， 姓名:姓名,， 空运日期：空运日期， 插曲：插曲 }) 返回( } /> ) } 导出默认值 //displayception.js 从“React”导入React 功能展示插曲（道具）{ const{id，name，air_date，eposion}=props console.log（props.epics）} 导出默认显示事件

剧集的对象数组超过40个，具体取决于索引值

---

我正在销毁身份证，姓名，播出日期，情节。现在我需要将这些值设置为singleEpic作为对象，并将singleEpic传递给子组件，然后对它们进行分解并使用它。

您将状态设置为错误。您需要将适当的对象传递到setSingleEpic方法中

// App.js

import React from 'react'

function wate() {
let singleEpisode = {}
const [episodes, setEpisodes] = useState([])
const [singleEpi, setSingleEpic] = useState(singleEpisode)

const searchEpisode = (e) => {
    e.preventDefault(e)
    const { id, name, air_date, episode } = episodes[index]
    setSingleEpic({
      id: id,
      name: name,
      air_date: air_date,
      episode: episode
    })
return (
    <React.Fragment>
    <Router>
      <NavBar searchEpisode={searchEpisode} searchIt={searchIt} />
      <Switch>
        <Route path='/displayepisode' render={(props) => <DisplayEpisode {...props} epics={singleEpi} />} />
      </Switch>
    </Router>
  </React.Fragment>
)
}
export default wate

// DisplayEpisode.js

import React from 'react'

function DisplayEpisode(props) {
const { id, name, air_date, episode } = props
console.log(props.epics)}

export default DisplayEpisode

---

你把状态设置错了。您需要将适当的对象传递到setSingleEpic方法中

// App.js

import React from 'react'

function wate() {
let singleEpisode = {}
const [episodes, setEpisodes] = useState([])
const [singleEpi, setSingleEpic] = useState(singleEpisode)

const searchEpisode = (e) => {
    e.preventDefault(e)
    const { id, name, air_date, episode } = episodes[index]
    setSingleEpic({
      id: id,
      name: name,
      air_date: air_date,
      episode: episode
    })
return (
    <React.Fragment>
    <Router>
      <NavBar searchEpisode={searchEpisode} searchIt={searchIt} />
      <Switch>
        <Route path='/displayepisode' render={(props) => <DisplayEpisode {...props} epics={singleEpi} />} />
      </Switch>
    </Router>
  </React.Fragment>
)
}
export default wate

// DisplayEpisode.js

import React from 'react'

function DisplayEpisode(props) {
const { id, name, air_date, episode } = props
console.log(props.epics)}

export default DisplayEpisode

---

不相关，但请考虑只使用代码块，并以使事情尽可能可读的方式缩进。在DeSePress中，使用组件Dead安装或使用效果来显示道具。values@KiranKumar V，您提供的react代码不会生成。有太多的错误，根据你所说的，我不相信你能编译它。请检查并确认？因为您的子组件被定义为

child

，但您正在渲染道具中传递

？检查您的语法…@DaveNewton，您好，先生，我是新来的，我不知道如何格式化代码，而且我也是一名编码初学者。我再次编辑，希望现在能稍微好一点。你能帮助我吗？无关的，但是请考虑只使用代码块，并以使事情尽可能可读的方式缩进。在DeSePress中，使用组件Dead安装或使用效果来显示道具。values@KiranKumar V，您提供的react代码不会生成。有太多的错误，根据你所说的，我不相信你能编译它。请检查并确认？因为您的子组件被定义为

child

，但您正在渲染道具中传递

？检查您的语法…@DaveNewton，您好，先生，我是新来的，我不知道如何格式化代码，而且我也是一名编码初学者。我再次编辑，希望现在能稍微好一点。你能帮我吗？我解决了这个问题，我在SingleSession中创建了一个具有相同属性和空值的对象，然后更新了它。成功了。谢谢，我解决了这个问题，我在SingleSession中创建了一个具有相同属性和空值的对象，然后对其进行了更新。成功了。非常感谢。