I want to add a button component to the list list component, as shown in the figure, how to do it
<List
size="small"
header={<div></div>}
split={false}
gutter={-10}
bordered={false}
dataSource={data}
renderItem={item => (<List.Item>{item}</List.Item>)}
/>
directly write a < Button > and then set CSS absolute positioning settings top and lefe to navigate to the specified location
at the end, judge the last item, and then in renderItem= {(item, index) = > < List.Item > {item} {index = data.length-1? < Button > button < / Button >: null} < / List.Item >
if it is a specified item, item should be used to determine which item it is. The specific conditions need to be determined by yourself
modify the corresponding content in renderItem= {item = > (< List.Item > {item} < / List.Item >) here item , and add a button.
Previous: How to get the numerical solution of the complex expression of the equations calculated by sympy?
Next: Vue form check
tried all three methods: ...
...
The structure of the data is like this, and you need to use this to generate a form like this { name: , groups: [ { groupName: , state: 1, 1 0 isOpen: 1, 1 0 ...
this is the effect ...
in using ant design mobile, you need to use the kind of Select component in antd, but it is not in ant design mobile. What should I do ...
import mineIcon from .. assets image icon mine.png ; import mineDarkIcon from .. assets image icon mine_dark.png ; import orderListIcon from .. assets image icon order_list.png ; import orderListDarkIcon from .. assets image icon order_lis...
1. Problem: when using antd s Modal.confirm, put an Input, to update the txNote property in state. But as long as there is a confirm, all you get is the previous state, instead of the updated state 2 entered in the confirm. Screenshot: 3. From...
I see tabs like this in ant design pro, and each tag is a div , but I don t see this type of tag in the official document. How should I implement this? ...
step 1, in parent component: constructor(props) { super(props); this.state = { checkState: checked , enable:true } } this.setState({ checkState: unChecked , enable:false }) step 2: before calling the subcompon...
when antd tree sets defaultExpandAll to true, it expands by default the first time it is initialized. When the tree is collapsed, the window is closed and the window is opened again, the tree remains collapsed. Then I use expandedKeys to control the nod...
how to center the numbers in the picture as a whole, but each number is aligned to the right, that is, the percent sign ...
console prompts the following warnings: Warning: the children of Select should be Select.Option or Select.OptGroup , instead of Option . <Select showSearch style={{ width: 260,height: 32 }} placehold...
how to implement the parity line of the Table component the color is different after hover! Beg urgently! Thank you ...
using re-form with value is not valid. How can you make the form controlled? ...
getFieldDecorator( bindSelect , {initialValue: getFieldValue( binds ).map(item => item.title) })( <Select mode="multiple" onDeselect={this.removeBindItem} onSelect={this.selectBindItem} filterOption={false}> {this.state...
my aim is to ban the date before today and the date after 7 days, that is, I can only choose the time in the next seven days. My code can only be banned after seven days. How can I get rid of the date before today? ...
how to prevent the selection of parents from the TreeSelect tree selection control in Ant Financial Services Group ANTD? For example: { name: , key: first , children:[{ name: key: second , children:[{ name: , key: third ...
form verification needs to send a request to the background for uniqueness verification and real-time verification. the current solution is to send a request in the onBlur of input. but the experience is not good. Every time onBlur, the page will fl...
export class ProjectList extends Component{ constructor(props){ super(props) this.state={ project:[], } } componentDidMount(){ axios.get( http: 127.0.0.1:9090 pro pList ).then(res =>{ ...
the following Table page, for example, when the page is initialized, you want to judge according to the age of Age. For example, if you mark the text red if it is greater than or equal to 30, it seems to me that the attribute method under table has not ...