小编sis*_*isi的帖子

我正在尝试将 onClick 事件处理程序添加到材质 ui 中，有时会调用它，有时则不会。但是，使用常规按钮可以正常工作

 handleClick = (event) => {
    const value = event.target.value;
    console.log(value);
    this.setState({ filtered: this.state.videos.filter(item => { 
            return item.category === value
        })
    })

<Button value="java" onClick={this.handleClick}  color="primary">Java</Button> 
<Button value="React" onClick={this.handleClick} color="primary">React</Button> 
<Button value="C#" onClick={this.handleClick}  color="primary">C#</Button> 
<Button value="javascript" onClick={this.handleClick} color="primary">JavaScript</Button> 

当我更新到 console.log 以获取 event.target 时，我得到了下图所示的结果我发现了问题，但仍然不知道如何解决它。React 向没有属性名称的 Button 添加了两个跨度，因此当我单击该按钮时，该函数被调用，但当我单击该跨度时不会

这是我第一次使用导航标题视图。我遇到的问题是 Android 中的导航栏背景与 iOS 中的不同。我想将背景颜色设置为白色，这样对于 iOS 和 Android 来说都是一样的。任何建议如何去做。我已包含下面的代码和图像

XAML代码

    <NavigationPage.TitleView>
    <Label           FontSize="25"
                     TextColor="Black"
                     VerticalOptions="CenterAndExpand"
                     HorizontalOptions="CenterAndExpand"
                     HorizontalTextAlignment="Center"
                     FontFamily="PatrickFont">
                <Label.FormattedText>
                    <FormattedString>
                        <Span Text="Number"/>
                        <Span Text="Generator" TextColor="Red"/>
                    </FormattedString>
                </Label.FormattedText>
            </Label>
</NavigationPage.TitleView>

CS代码

private void InfoIconCommandExecute(object obj)
{
   App.Current.MainPage.Navigation.PushAsync(new InfoPage());
}