好吧,所以我想輸入一個名稱到字段中並單擊addname將其添加到列表中,它主要工作,除非您按添加它只是添加一個項目符號指向列表,所以它的空白。我的繼承人代碼我的按鈕沒有從JS React中獲取值並輸入
import React from 'react'
const List = (props) => <ul> { _.map(props.nameList, (name) => {
return <li>{name}</li>})}</ul>
export default class NameList extends React.Component {
constructor() {
super()
this.state = {nameList: [ "Richard" ]}
}
render() {
var allNames = {nameList: [ "Richard" ]}
return (
<div>
<input type ="text" value= {this.props.name}/>
<button onClick={() => { this.setState({ nameList: _.concat(this.state.nameList, this.props.name)})}}>AddName</button>
<List nameList={this.state.nameList}/>
</div>
)
}
}
也許有一些待辦事項與「this.props」,嘗試在類名稱列表的狀態來包裝的價值。 – Sly321