我想访问 simpleFormIterator 的索引。我怎样才能做到这一点?我有一个类似的代码,我试图在 SelectInput 组件中访问它
<ArrayInput source='services'>
<SimpleFormIterator>
<TextInput source='id' label="Service Name" validate={this.RequiredAndRegex} />
<FormDataConsumer>
{({ formData, ...rest }) =>
<ArrayInput source='parametervalues'>
<SimpleFormIterator>
<TextInput source='id' label="Parameter Values" validate={this.RequiredAndRegex} />
<SelectInput label="Paramater Type"
source="id"
choices={this.getParameters(formData.services[index].servicetype)}
optionText={optionRenderer}
optionValue="id" />
</SimpleFormIterator>
</ArrayInput>
}
</FormDataConsumer>
</SimpleFormIterator>
</ArrayInput>Run Code Online (Sandbox Code Playgroud)
我想并排放3个输入.我有一个如下代码,在每次迭代中,我想要三个组件并排.可能吗?
{
this.state.features.length > 0 ?
this.state.features.map((feature) => {
return (
<div>
<BooleanInput key={feature} source={this.assignIsFeatureActiveProp(feature)} label={feature} />
<DisabledInput source="id" label="Value" defaultValue={feature} />
<TextInput source={this.assignFeatureValueProp(feature)} label="Value" />
</div>
)
})
:
null
}
Run Code Online (Sandbox Code Playgroud) 我想在我的material-ui Button组件中使用fontawesome图标。但是我做不到。你知道为什么吗?(我正在使用React和react-admin框架。)
import '../../../node_modules/font-awesome/css/font-awesome.min.css';
import Button from '@material-ui/core/Button';
....
<Button style={{
backgroundColor: '#5cb85c',
color: 'white'
}}
onClick={() => this.codeGenerate()}>
<i className="fa fa-star"></i>
</Button>
Run Code Online (Sandbox Code Playgroud)